学习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 相关文章推荐
js类中获取外部函数名的方法与代码
Sep 12 Javascript
js控制当再次点击按钮时的间隔时间
Jun 03 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
Aug 26 Javascript
微信小程序实战之上拉(分页加载)效果(2)
Apr 17 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
基于vue1和vue2获取dom元素的方法
Mar 17 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
Aug 30 Javascript
深入理解JavaScript的值传递和引用传递
Oct 24 Javascript
vue实现计算器功能
Feb 22 Javascript
javascript运行机制之执行顺序理解
Aug 03 Javascript
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
JS原生实现轮播图的几种方法
Mar 23 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+curl 发送图片处理代码分享
2015/07/09 PHP
tp5(thinkPHP5)操作mongoDB数据库的方法
2018/01/20 PHP
php实现网页上一页下一页翻页过程详解
2019/06/28 PHP
JS 巧妙获取剪贴板数据 Excel数据的粘贴
2009/07/09 Javascript
javascript日期格式化示例分享
2014/03/05 Javascript
javascript监听鼠标滚轮事件浅析
2014/06/05 Javascript
jquery实现的下拉和收缩效果示例
2014/08/21 Javascript
javascript学习笔记(一)基础知识
2014/09/30 Javascript
jQuery制作仿Mac Lion OS滚动条效果
2015/02/10 Javascript
js闭包所用的场合以及优缺点分析
2015/06/22 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
2016/11/22 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
JavaScript伪数组用法实例分析
2017/12/22 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
2018/11/02 Javascript
iphone刘海屏页面适配方法
2019/05/07 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
[33:42]LGD vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
python通过smpt发送邮件的方法
2015/04/30 Python
Python实现字符串的逆序 C++字符串逆序算法
2020/05/28 Python
Python(Django)项目与Apache的管理交互的方法
2018/05/16 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
Django 缓存配置Redis使用详解
2019/07/23 Python
python点击鼠标获取坐标(Graphics)
2019/08/10 Python
城市观光通行证:The Sightseeing Pass
2018/04/28 全球购物
美国肌肉和力量商店:Muscle & Strength
2019/06/22 全球购物
New Balance法国官方网站:购买鞋子和服装
2019/09/01 全球购物
UNOde50美国官网:西班牙珠宝品牌
2020/08/15 全球购物
几个人围成一圈的问题
2013/09/26 面试题
医院护士专业个人的求职信
2013/12/09 职场文书
《盲人摸象》教学反思
2014/02/16 职场文书
党员干部一句话承诺
2014/05/30 职场文书
2015年光棍节活动总结
2015/03/24 职场文书
沂蒙六姐妹观后感
2015/06/08 职场文书
JavaCV实现照片马赛克效果
2022/01/22 Java/Android