学习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 相关文章推荐
jQuery实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 Javascript
JavaScript判断文件上传类型的方法
Sep 02 Javascript
提升jQuery的性能需要做好七件事
Jan 11 Javascript
JavaScript编写一个简易购物车功能
Sep 17 Javascript
@ResponseBody 和 @RequestBody 注解的区别
Mar 08 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
Oct 20 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
Jan 30 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 Javascript
详解vue-flickity的fullScreen功能实现
Apr 07 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
Jul 29 Javascript
利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)
Feb 24 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
投票管理程序
2006/10/09 PHP
使用PHP遍历文件夹与子目录的函数代码
2011/09/26 PHP
php中curl、fsocket、file_get_content三个函数的使用比较
2014/05/09 PHP
ThinkPHP中使用Ueditor富文本编辑器
2015/09/02 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
JavaScript 替换Html标签实现代码
2009/10/14 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
2012/04/12 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
RequireJS多页面应用实例分析
2016/06/29 Javascript
vue axios 表单提交上传图片的实例
2018/03/16 Javascript
vue路由对不同界面进行传参及跳转的总结
2019/04/20 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
[00:32]2018DOTA2亚洲邀请赛出场——VP
2018/04/04 DOTA
Python连接SQLServer2000的方法详解
2017/04/19 Python
详解使用 pyenv 管理多个版本 python 环境
2017/10/19 Python
Python实现的多线程同步与互斥锁功能示例
2017/11/30 Python
10个Python小技巧你值得拥有
2018/09/29 Python
使用pycharm设置控制台不换行的操作方法
2019/01/19 Python
python中如何使用分步式进程计算详解
2019/03/22 Python
python3 selenium自动化测试 强大的CSS定位方法
2019/08/23 Python
tensorflow 实现自定义梯度反向传播代码
2020/02/10 Python
使用Python防止SQL注入攻击的实现示例
2020/05/21 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
如何利用python发送邮件
2020/09/26 Python
python如何控制进程或者线程的个数
2020/10/16 Python
HTML5 canvas实现移动端上传头像拖拽裁剪效果
2016/03/14 HTML / CSS
美国五金商店:Ace Hardware
2018/03/27 全球购物
超市端午节活动方案
2014/01/23 职场文书
初中语文教学反思
2014/02/02 职场文书
党员干部廉洁承诺书
2014/05/28 职场文书
青春飞扬演讲稿
2014/09/11 职场文书
大学生第一学年自我鉴定
2014/09/12 职场文书
校运会宣传稿大全
2015/07/23 职场文书
Django cookie和session的应用场景及如何使用
2021/04/29 Python