学习YUI.Ext 第三天


Posted in Javascript onMarch 10, 2007

对于以前很多混淆不清的知识,有必要再梳理一下:就从最基础的变量开始说起。

1.。变量variable

      a.全局变量Global Variable 和 局部变量 Private Variable

     加var和不加var是有区别的 
      --》如果不用关键字var,声明一个变量,那么这个是全局变量,任何子函数都可以访问,就算是跳出花括号的地方,亦可被访问;
      --》如果使用关键字var,则从所在的“花括号{}”起,全体函数都可以访问该变量,如:

function foo(){
  i=8                    //Global Variable
  alert(i)
 }

function foo2(){
  var i=88 //在此花括号下都可访问变量i
  alert(i);
  child()
  function child(){alert(i)}
 } 
foo();foo2()
alert(i) //这里的i还是8

    值得注意是function是编译期的对象,必须执行或实例化才能在内存中分配这一变量。
    全局变量习惯以_开头;p.s全部变量最好慎用,你很知道这个变量在那里何时发生变化!
  -------》参见 js手册:
“尽管并不安全,但声明语句中忽略 var 关键字是合法的 JScript 语法。这时,JScript 解释器给予变量全局范围的可见度。当在过程级中声明一个变量时,它不能用于全局范围;这种情况下,变量声明必须用 var 关键字。”

   b.变量的数据类型 the types of variable

Jscript 有三种主要数据类型、两种复合数据类型和两种特殊数据类型。

主要(基本)数据类型是: 

字符串 
数值 
布尔 
复合(引用)数据类型是: 

对象 
数组 
特殊数据类型是: 

Null 
Undefined 
下面简述一下JavaScript中的各种对象类型:
    Native Object: JavaScript语言提供的不依赖于执行宿主的对象,其中一些是内建对象,如:Global、Math;一些是在脚本运行环境中创建来使用的,如:Array、Boolean、Date、Function、Number、Object、RegExp、Error。
    Build-in Object: JavaScript语言提供的不依赖于执行宿主的内建对象,如:Global、Math;内建对象都是Native Object。
    Host Object:JavaScript语言提供的任何依赖于宿主环境的对象,所有非Native Object的对象都是宿主对象,如:IE中的window,WScript中的wscript实例,任何用户创建的类。

****如何检查对象类型?******
   1.typeof()
      typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能: "number," "string," "boolean," "object," "function," 和 "undefined."

    2.   val instanceof Array
    返回一个 Boolean 值,指出对象是否是特定类的一个实例。 
  例如用到检查 数组或日期类型的时候(事实上,任何类型都允许,见例),必须使用instance of + class name(不用引号),例:

function foo(){}
var f = new foo();
alert(f instanceof foo2) //false

3.constructor 
 constructor 的用法感觉跟instance的用法一样,只不过不返回boolean值

x = new String("Hi");
if (x.constructor == String)
      // 进行处理(条件为真)。

*******var i={}是什么类型?****
答案:object类型 等价于var i = new Object

Object对象是一切对象的载体,有点想父类吧

Object 对象很简单, 
它就只有两个property和两个method 
这两个property是: 
prototype 
constructor 
这两个function是: 
toString() 
valueOf() 

那么var obj = new MyObject()怎么文本化呢?其实也很简单的,obj的文本化定义如下:

 

 var obj = 
     {
         Properties1 : 1, Properties2 : '2', Properties3 : [3],
         Method1 : function(){ return this.Properties1 + this.Properties3[0];},
         Method2 : function(){ return this.Preperties2; }
     };

    类实例文本化定义的语法为,用一对"{}"表示类,也就说"{}"完全等价于"new Object()"。然后"{}"内按"key:value"组织属性和方法,key可以是任意[A-Za-z0-9_]的字符组合,甚至数字开头都是合法的@_@,value是任何的合法的文本化JavaScript数据,最后每个键值对用","来分隔就行了。
通常用于JSON交换数据。

*******undefined 的两种含义*****
1.undefined关键字 2.undefined属性
声明了变量,但没赋过值,是属于第一种的情况;
完全没有声明,就跑出一个变量参与运算,它的数据类型是第二种情况;
两个相同名字却不同含义,建议下一版本改名。

var declared;                         //声明变量。
if (declared == undefined)            //改为uninitialized没初始化 会更准确,js is loose language indeed!
  document.write("declared has not been given a value.");

if (typeOf(notDeclared) == "undefined")
  document.write("notDeclared has not been defined.");

Javascript 相关文章推荐
javascript常用的方法分享
Jul 01 Javascript
详解JavaScript 中的 replace 方法
Jan 01 Javascript
JS操作COOKIE实现备忘记录的方法
Apr 01 Javascript
jQuery基本过滤选择器用法示例
Sep 09 Javascript
深入理解vue.js中的v-if和v-show
Jun 22 Javascript
node.js中grunt和gulp的区别详解
Jul 17 Javascript
在一般处理程序(ashx)中弹出js提示语
Aug 16 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
Sep 29 Javascript
layui 弹出层值回传解决方式
Nov 14 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
Jul 22 Javascript
vue-simple-uploader上传成功之后的response获取代码
Sep 07 Javascript
js操作两个json数组合并、去重,以及删除某一项元素
Sep 22 Javascript
学习YUI.Ext 第二天
Mar 10 #Javascript
学习YUI.Ext基础第一天
Mar 10 #Javascript
JavaScript触发器详解
Mar 10 #Javascript
又一个图片自动缩小的JS代码
Mar 10 #Javascript
基础的prototype.js常用函数及其用法
Mar 10 #Javascript
优秀js开源框架-jQuery使用手册(1)
Mar 10 #Javascript
用JavaScript实现仿Windows关机效果
Mar 10 #Javascript
You might like
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
php检查字符串中是否包含7位GSM字符的方法
2015/03/17 PHP
PHP常用算法和数据结构示例(必看篇)
2017/03/15 PHP
javascript css在IE和Firefox中区别分析
2009/02/18 Javascript
JavaScript Event学习第十章 一些可替换的事件对
2010/02/10 Javascript
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
js删除所有的cookie的代码
2010/11/25 Javascript
jQuery Ajax请求状态管理器打包
2012/05/03 Javascript
将查询条件的input、select清空
2014/01/14 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
Egret引擎开发指南之运行项目
2014/09/03 Javascript
JavaScript实现数字数组正序排列的方法
2015/04/06 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
javascript+canvas实现刮刮卡抽奖效果
2015/07/29 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
js如何获取网页所有图片
2017/05/12 Javascript
vue综合组件间的通信详解
2017/11/06 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
Vue项目使用CDN优化首屏加载问题
2018/04/01 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
2018/09/07 Javascript
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
Python实现简易版的Web服务器(推荐)
2018/01/29 Python
Django rest framework实现分页的示例
2018/05/24 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
HTML5自定义视频播放器源码
2020/01/06 HTML / CSS
环境工程大学生自荐信
2013/10/21 职场文书
2014党员学习习主席讲话思想汇报
2014/09/15 职场文书
医院领导班子四风问题对照检查材料
2014/10/26 职场文书
雾霾停课通知
2015/04/24 职场文书
生日赠语
2015/06/23 职场文书
教师学习心得体会范文
2016/01/21 职场文书
Golang 正则匹配效率详解
2021/04/25 Golang
Python破解极验滑动验证码详细步骤
2021/05/21 Python