学习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 相关文章推荐
prettify 代码高亮着色器google出品
Dec 28 Javascript
jQuery 阴影插件代码分享
Jan 09 Javascript
JS图像无缝滚动脚本非常好用
Feb 10 Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 Javascript
javascript实现省市区三级联动下拉框菜单
Nov 17 Javascript
jQuery实现Tab选项卡切换效果简单演示
Nov 23 Javascript
JavaScript重载函数实例剖析
May 13 Javascript
第一篇初识bootstrap
Jun 21 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
Sep 14 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
Oct 10 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
TypeScript之调用栈的实现
Dec 31 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 模拟登陆MSN并获得用户信息
2009/05/16 PHP
Smarty的配置与高级缓存技术分享
2012/06/05 PHP
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
PHP生成静态HTML文档实现代码
2016/06/23 PHP
php遍历替换目录下文件指定内容的方法
2016/11/10 PHP
JavaScript 注册事件代码
2011/01/27 Javascript
基于datagrid框架的查询
2013/04/08 Javascript
基于JavaScript 声明全局变量的三种方式详解
2013/05/07 Javascript
jquery cookie实现的简单换肤功能适合小网站
2013/08/25 Javascript
jQuery实现可收缩展开的级联菜单实例代码
2013/11/27 Javascript
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
JavaScript中的操作符==与===介绍
2014/12/31 Javascript
JavaScript结合HTML DOM实现联动菜单
2017/04/05 Javascript
iview同时验证多个表单问题总结
2018/09/29 Javascript
浅谈Angular 观察者模式理解
2018/11/01 Javascript
微信小程序 如何获取网络状态
2019/07/26 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
2019/09/17 Javascript
Vue 实现html中根据类型显示内容
2019/10/28 Javascript
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
Python简单实现阿拉伯数字和罗马数字的互相转换功能示例
2018/04/17 Python
Python3简单实现串口通信的方法
2019/06/12 Python
Python3.7基于hashlib和Crypto实现加签验签功能(实例代码)
2019/12/04 Python
解决python 读取 log日志的编码问题
2019/12/24 Python
关于canvas绘制模糊问题的解决方法
2019/09/24 HTML / CSS
Under Armour西班牙官网:美国知名的高端功能性运动品牌
2018/12/12 全球购物
匡威俄罗斯官网:Converse俄罗斯
2020/05/09 全球购物
Java程序员面试题
2013/07/15 面试题
在校硕士自我鉴定
2014/01/23 职场文书
音乐教育感言
2014/03/05 职场文书
大学三年计划书范文
2014/04/30 职场文书
消防宣传口号
2014/06/16 职场文书
导游词之京东大峡谷旅游区
2019/10/29 职场文书
用Python实现屏幕截图详解
2022/01/22 Python
MySQL 主从复制数据不一致的解决方法
2022/03/18 MySQL
动画《平凡职业成就世界最强》宣布制作OVA
2022/04/01 日漫
一文教你快速生成MySQL数据库关系图
2022/06/28 Redis