当前位置: 首页 > news >正文

(第一天)包装对象、作用域、创建对象

基本概念以及注意

 直接量 :程序中直接使用的数据值。下面列出的都是直接量:

1                       12    //数字
2                       1.2  //小数
3                       "hello world"       //字符串文本
4                        true              //布尔值
5                       /javascript/gi    //正则表达式直接量

 标识符 :必须以字母、下划线(_)或美元符($)开始

  可选的分号 :如下代码

(1)

1 a = 3;
/*两条语句分两行写,第一个分号可以省略*/
2 b = 4;

 a = 3; b = 4; 第一个分号则不能省略掉

(2)

1 return 
2 true; /*javascript解析成:return;true;*/

javascript的数据类型分为两类: 原始类型 和 对象类型 

原始类型包括: 数字、字符串、布尔值、null、undefined 其余为对象类型

【注】null是javascript语言的关键字,它表示一个特殊值,常用来描述"空值"。对null执行typeof预算,结果返回字符串“object”,也就是说,可以将null认为是一个特殊的对象值,含义是“非对象”。undefined为未定义,可以用来表示更深层次的“空值”,如果查询对象属性或者数组元素的值时返回undifined则说明这个属性或元素不存在。undifined是预定义的全局变量(它和null不一样,它不是关键字)。尽管两者不同,但它们都表示“值的空缺”,两者往往可以互换。判断相等运算符“==”认为两者相等(要使用严格相等运算符“===”来区分它们)

布尔值转换

1                       function init(param) {
2                          if (param != undefined && param != null) {
3                           }
4                       }

参数param可能为null或者undifined还得判断,但无需这样做。 在javascript中,任意javascript的值都可以转换为布尔值。下列这些值会被转换为false: 

1 undifined
2 null
3 0
4 -0
5 NaN
6 "" //空字符串

因此上述只需简单一步即可 if(param){} 

包装对象

我们经常这样做

1 var s = "hello world";
2 var word = s.substring(s.indexof(" ") +1 ,s.length);

上述我们定义一个字符串s,因为字符串不是对象,为什么它会有属性呢?因为只要引用了字符串s的属性,JavaScript就会将字符串通过new String(s)的方式转换成对象,这个对象继承了字符串的方法,并被用来处理属性的引用。一旦引用结束,这个新创建的对象就会被销毁(其实在实现上并不一定创建或销毁这个临时对象,然而整个过程看起来是这样)。同字符串一样,数字和布尔值也都有各自的方法:通过Number()和Boolean()构造函数来创建一个临时对象,这些方法的调用都是来自这个临时对象。【注】null和undefined没有包装对象:访问它们的属性会造成一个类型错误。

现在通过上述论断,我们看下面代码,思考它们的执行结果:

1 var s = "test";
2 s.len = 4;
3 var t = s.len;

我们创建字符串给其设置一个属性,并想获得这个属性,结果却是 undefined 。解释:第二行代码创建了一个临时字符串对象,并给其len属性值为4,随即销毁这个对象。第三行通过原始的(没有被修改过)字符串创建一个新字符串对象,尝试读取去len属性,这个属性自然不存在,所以运行结果为undifined。这段代码说明在读取字符串、数字、布尔值的属性值或者方法的时候,表现的对象一样。但如果试图给其属性赋值,则会忽略这个操作:修改只是发生在临时对象身上,而这个临时对象并未继续保留下来。

存取字符串、数字、布尔值的属性时创建的临时对象称作为包装对象

作用域

变量作用域

 一个变量的作用域(scope)是程序源代码中定义这个变量的区域。全局变量拥有全局作用域,在JavaScript代码中的任何地方都是有定义的。然而在函数内声明的变量只在函数体内有定义。它们是局部变量,作用域是局部性的。函数参数也是局部变量,它们只在函数体内有定义。

 在函数体内,局部变量的优先级高于同名的全局变量。如果在函数内声明的一个局部变量或者函数参数中带有的变量和全局变量重名,那么全局变量就被局部变量所覆盖 

下面我们用代码来解释

 1 var scope = "global";
 2 function checkscope(){
 3     var scope = "local";
 4     return scope;      
 5 }
 6 checkscope()
 7 
 8 /*
 9 声明一个全局变量scope,同时声明一个同名的局部变量scope,此时返回local即返回局部变量的值,而非全局变量的值
10 */

 函数作用域

我们知道在c#中花括号的每一段都有各自的作用域,而且变量在声明它们的代码段之外是不可见的,我们称之为块级作用域,但是在JavaScript中没有块级作用域。JavaScript取而代之的是函数作用域:变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。

下面我们用代码演示

 1 function scope() {
 2     for (var i = 0; i < 10; i++) {
 3         var block = "local";
 4     }
 5     console.log(block);
 6 }
 7 
 8 /*
 9 代码运行正确,未出现错误,只是未打印出block,说明此时block已经定义了,但可能还没有初始化
10 */

JavaScript的函数作用域是指在函数内声明的所有变量在函数体内始终是可见的。这意味着变量在声明之前甚至已经可用。JavaScript的这个特性被非正式地称为声明提前。

 下面我们继续就论断思考一下下面所给代码运行结果

 1 var scope = "global";
 2 function f(){
 3     console.log(scope);
 4     var scope = "local";
 5     console.log(scope);         
 6 }
 7 
 8 /*
 9 第一个输出为undifined,而非“global”,第二个输出为“local”;
10 解释:在函数体内的变量在函数中始终是可见的,意思就是变量本身在函数体内任何地方都是有定义的,再加上之前讲过同名的变量,局部变量的优先级高于全局变量,此时会将全局变量进行覆盖,刚才有讲过,声明提前即变量在声明之前已经可用,所以此时scope并未初始化!然而此时当代码执行到var时,局部变量才会真正被赋值,所以上述代码等价于下面代码
11 */
12 function f(){
13     var scope;
14     console.log(scope);
15     scope = "local";
16     console.log(scope);
17 }

如果var语句中的变量没有指定初始化表达式,那么这个变量的值初始化为undifined。上述也已经提到变量在声明它们的脚本或函数中都是有定义的,变量声明语句 会被“提前”至脚本或函数的顶部。但是初始化的操作则还在原来var语句的位置执行,在声明语句之前变量的值是undifined。

创建对象

(1)对象直接量

 1 var empty = {};
 2 var point = {x:0,y:0};
 3 var book = {
 4       "main:"JavaScript",
 5       "sub-title":"The Guide",
 6       author:{
 7              name:"javascript",
 8       }
 9 
10 }

对象直接量是一个表达式,这个表达式的每次运算都创建并初始化一个新的对象。每次计算对象直接量的时候,都会计算她的每个属性的值。也就是说,如果在一个重复调用的函数中的循环体内使用了对象直接量,它将创建很多新对象,并且每次创建的对象的属性值也有可能不同。

(2)关键字new

1 var a = new Array();
2 var d = new Date();
3 var r = new RegExp("js");

(3)Object.create()函数

ECMAScript5定义一个名为Object.create()的方法,它创建一个新对象,其中第一个参数为对象的原型。Object.create()提供第二个可选参数,用以对对象的属性进行进一步描述。Object.create()是一个静态函数,而不是提供给某个对象调用的方法,使用很简单,只需传入所需的原型对象即可:

 var o1 = Object.create({x:1,y:2}); /* o1继承了属性x和y(有关原型和继承)下节讲 */ 

同样我们也可以通过传入参数null来创建一个没有原型的新对象,但通过这种方式创建的对象不会继承任何东西,甚至不包括基础方法,比如toString()方法,也就是说它将不能和"+"运算符一起正常工作。

 var o1 = Object.create(null); 

如果想创建一个空的普通对象,需要传入Object.prototype:

1 var o3 = Object.create(Object.prototype);
2 /*
3 o3和{}和new Obejct()一样
4 */

转载于:https://www.cnblogs.com/CreateMyself/p/4686987.html

相关文章:

  • UOJ-79 一般图的最大匹配(带花树模板求解)
  • POJ-2823 POJ-3250 (单调队列 单调栈)
  • 关于量价十八则的口诀
  • HDU-3478 Catch(二分图染色+并查集)
  • RSA密钥的生成与配置
  • POJ 2536 Gopher II
  • HDU-1043 Eight(经典八数码问题, A*+康拓+曼哈顿距离+逆序数判断可解性、双向搜索)
  • codeforces-510E Fox And Dinner(带限制的二分图多重匹配+奇偶建图+打印路径)
  • C-Cleaning Pipes(判断两线段相交+二分图判定) 2015-2016 Northwestern European Regional Contest (NWERC 2015)
  • eclipse the user operation is waiting for building workspace to complete
  • 2-SAT 题目整理
  • 64位windows2003 未在本地计算机上注册 microsoft.jet.oledb.4.0 提供程序
  • HDU-5950 Recursive sequence(矩阵乘法)
  • “互联网+”引发IT人才招工荒-新华网安徽频道
  • Java从文件读入以及读出至文件
  • 【附node操作实例】redis简明入门系列—字符串类型
  • 2017 前端面试准备 - 收藏集 - 掘金
  • co.js - 让异步代码同步化
  • interface和setter,getter
  • Linux快速复制或删除大量小文件
  • ng6--错误信息小结(持续更新)
  • niucms就是以城市为分割单位,在上面 小区/乡村/同城论坛+58+团购
  • PHP 7 修改了什么呢 -- 2
  • puppeteer stop redirect 的正确姿势及 net::ERR_FAILED 的解决
  • TypeScript实现数据结构(一)栈,队列,链表
  • Vue实战(四)登录/注册页的实现
  • 翻译:Hystrix - How To Use
  • 好的网址,关于.net 4.0 ,vs 2010
  • 解析 Webpack中import、require、按需加载的执行过程
  • 面试总结JavaScript篇
  • 人脸识别最新开发经验demo
  • 使用agvtool更改app version/build
  • 世界编程语言排行榜2008年06月(ActionScript 挺进20强)
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  • 中文输入法与React文本输入框的问题与解决方案
  • hi-nginx-1.3.4编译安装
  • Java总结 - String - 这篇请使劲喷我
  • ​TypeScript都不会用,也敢说会前端?
  • ​人工智能书单(数学基础篇)
  • ###项目技术发展史
  • #基础#使用Jupyter进行Notebook的转换 .ipynb文件导出为.md文件
  • #快捷键# 大学四年我常用的软件快捷键大全,教你成为电脑高手!!
  • $redis-setphp_redis Set命令,php操作Redis Set函数介绍
  • (06)Hive——正则表达式
  • (Matalb回归预测)PSO-BP粒子群算法优化BP神经网络的多维回归预测
  • (MIT博士)林达华老师-概率模型与计算机视觉”
  • (MonoGame从入门到放弃-1) MonoGame环境搭建
  • (第27天)Oracle 数据泵转换分区表
  • (附源码)springboot金融新闻信息服务系统 毕业设计651450
  • (转)Linq学习笔记
  • ****** 二 ******、软设笔记【数据结构】-KMP算法、树、二叉树
  • .bashrc在哪里,alias妙用
  • .naturalWidth 和naturalHeight属性,
  • .NET Core 控制台程序读 appsettings.json 、注依赖、配日志、设 IOptions
  • .NET delegate 委托 、 Event 事件