学习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用户自定义类的类名称的代码
Mar 08 Javascript
网易JS面试题与Javascript词法作用域说明
Nov 09 Javascript
25个好玩的JavaScript小游戏分享
Apr 22 Javascript
分享27个jQuery 表单插件集合推荐
Apr 25 Javascript
jQuery实现动画效果的简单实例
Jan 27 Javascript
Jquery api 速查表分享
Jan 12 Javascript
js中跨域方法原理详解
Jul 19 Javascript
js canvas实现擦除动画
Jul 16 Javascript
JS中判断null的方法分析
Nov 21 Javascript
ES6中Iterator与for..of..遍历用法分析
Mar 31 Javascript
js判断数组是否包含某个字符串变量的实例
Nov 24 Javascript
解决vue props传Array/Object类型值,子组件报错的情况
Nov 07 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上传、管理照片示例
2006/10/09 PHP
php 获取完整url地址
2008/12/20 PHP
深入理解:XML与对象的序列化与反序列化
2013/06/08 PHP
对PHP PDO的一些认识小结
2015/01/23 PHP
javascript Prototype 对象扩展
2009/05/15 Javascript
JavaScript prototype属性使用说明
2010/05/13 Javascript
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
js数组中如何随机取出一个值
2014/06/13 Javascript
非常漂亮的相册集 使用jquery制作相册集
2016/04/28 Javascript
Nodejs中 npm常用命令详解
2016/07/04 NodeJs
JavaScript 数据类型详解
2017/03/13 Javascript
浅谈angularjs依赖服务注入写法的注意点
2017/04/24 Javascript
jQuery dateRangePicker插件使用方法详解
2017/07/28 jQuery
jQuery实现图片上传预览效果功能完整实例【测试可用】
2018/05/28 jQuery
vue-resource请求实现http登录拦截或者路由拦截的方法
2018/07/11 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
2019/03/20 Javascript
微信小程序使用自定义组件导航实现当前页面高亮
2020/01/02 Javascript
Python中使用partial改变方法默认参数实例
2015/04/28 Python
matplotlib绘制符合论文要求的图片实例(必看篇)
2017/06/02 Python
python生成不重复随机数和对list乱序的解决方法
2018/04/09 Python
Python生成随机验证码代码实例解析
2020/06/09 Python
Python读取多列数据以及用matplotlib制作图表方法实例
2020/09/23 Python
Django Form常用功能及代码示例
2020/10/13 Python
html5画布旋转效果示例
2014/01/27 HTML / CSS
canvas绘制圆角头像的实现方法
2019/01/17 HTML / CSS
定制iPhone和Macbook保护壳:Slick Case
2018/11/21 全球购物
荷叶圆圆教学反思
2014/02/01 职场文书
2014年为民办实事工作总结
2014/12/20 职场文书
股份转让协议书范本
2015/01/27 职场文书
同学聚会邀请函
2015/01/30 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
暂住证明怎么写
2015/06/19 职场文书
建国70周年的心得体会(2篇)
2019/09/20 职场文书
python办公自动化之excel的操作
2021/05/23 Python
gateway网关接口请求的校验方式
2021/07/15 Java/Android
关于EntityWrapper的in用法
2022/03/22 Java/Android