学习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程序中美元符号$是什么
Jun 05 Javascript
JQUERY复选框CHECKBOX全选,取消全选
Aug 30 Javascript
JavaScript 学习笔记之语句
Jan 14 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
Jun 22 Javascript
前端页面文件拖拽上传模块js代码示例
May 19 Javascript
js微信分享实现代码
Oct 11 Javascript
Layui数据表格之获取表格中所有的数据方法
Aug 20 Javascript
react-router 路由切换动画的实现示例
Dec 03 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
vue 动态组件用法示例小结
Mar 06 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笔记之:有规律大文件的读取与写入的分析
2013/04/26 PHP
PHP创建桌面快捷方式的实例代码
2014/02/17 PHP
FF IE兼容性的修改小结
2009/09/02 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
jquery实现仿新浪微博评论滚动效果
2015/08/06 Javascript
jQuery实现右下角可缩放大小的层完整实例
2016/06/20 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
老生常谈JavaScript中的this关键字
2016/10/01 Javascript
如何快速解决JS或Jquery ajax异步跨域的问题
2018/01/08 jQuery
koa-router源码学习小结
2018/09/07 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
2018/09/07 Javascript
Vue实现移动端左右滑动效果的方法
2018/11/27 Javascript
关于Vue源码vm.$watch()内部原理详解
2019/04/26 Javascript
vue点击自增和求和的实例代码
2019/11/06 Javascript
javascript中的with语句学习笔记及用法
2020/02/17 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
2020/04/29 Javascript
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
pymongo实现控制mongodb中数字字段做加法的方法
2015/03/26 Python
python实现ID3决策树算法
2017/12/20 Python
Python 函数返回值的示例代码
2019/03/11 Python
Django shell调试models输出的SQL语句方法
2019/08/29 Python
Python3.7.0 Shell添加清屏快捷键的实现示例
2020/03/23 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
为什么要有struct关键字
2012/05/08 面试题
Delphi软件工程师试题
2013/01/29 面试题
临床医学专业个人的自我评价
2013/09/27 职场文书
粗加工管理制度
2014/02/04 职场文书
喜之郎果冻广告词
2014/03/20 职场文书
个人担保书格式范文
2014/05/12 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
实体类或对象序列化时,忽略为空属性的操作
2021/06/30 Java/Android
MySQL图形化管理工具Navicat安装步骤
2021/12/04 MySQL