javascript高级编程笔记02(基本概念)

ParseInt()函数:

由于Number函数在转换字符串时比较复杂而且不合理,我们常常转换字符串都用parseInt函数,

Parseint函数规则:

  • 忽略字符串前面的空格,直到找到第一个非空格字符串
  • 如果第一个字符串不是数字字符或是负号,就返回NaN,所以””返回NaN
  • 如果第一个字符是数字字符,它会继续解析第二个字符,直到解析完所有后续字符或者遇到了非数字字符,例如,”123blue”转换为123,”22.5”会转换为22
  • 如果字符串中的第一个字符是数字字符,parseInt()也能够识别出各种整数格式,包括十六进制,八进制.
  • ParseInt解析八进制自变量的时候有分歧

在es3中会按八进制自变量转换为十进制值

在es5中已经不能解析八进制的能力,会以十进制解析

  • parseInt的第二个参数是转换时使用的基数即多少进制
  • 一般我们都是用十进制转换,所以第二个参数最后为10

ParesFloat和parseInt类似

String类型

Es中的字符串是不可变的,字符串一旦创建,它们的值是不能改变,要改变某个保存的字符串,书安心要销毁原来的字符串,人后在用另一个包含新值得字符串填充该变量

例如:

Var lang=”java”;

Lang=lang+”script”

实际操作为:首先创建一个能容纳10个字符串的新字符串,然后在这个字符串中填充java和script,最后一步是销毁原来的字符串java和字符串script,这就是在某些旧版本的浏览器中拼接字符串速度很慢的原因.但这些浏览器后来版本解决了这个问题.

转换为字符串:

  1. toStirng()
  • 这个方法除了null和undefined其他都有.
  • 可以传一个参数:表示输出数值的基数

2.String()

  • 可以将null和undefined转换为string
  • 如果值有toString方法,则调用该方法并返回相应的结果
  • 如果值是null,则返回”null”
  • 如果是undefined,则返回”undefined”

 

Object类型

Object的每个实例都具有下列属性和方法:

  • Constructor:保存当前对象的函数,即构造函数
  • hasOwnProperty(propertyName):用于检测给定的属性是否是这个对象的原型属性;
  • IsPrototypeOf(Object):用于检测传入的对象是否是这个对象的原型
  • propertyIsEnumerable(propertyName):用于检测属性是否能用for-in循环
  • toLocaleStirng():返回对象的字符串表示.
  • toString():返回对象字符串表示.
  • ValueOf()返回对象字符串,数值或布尔值表示

操作符:

  1. 一元操作符:

一元操作符比较简单,只记录比较容易忽略的点

逻辑或:如果第一个操作数是对象,则返回第一个操作数

2.lable语句:

使用label语句可以在代码中添加标签,以便将来使用语法:

label:statement

3.break和continue语句

break语句会立即退出循环,

continue语句退出循环进入下一个循环

4.with语句

with语句的作用是将代码的作用域设置到一个特定的对象中,with语句的语法如下:

with(expression) statement

定义with语句的目的主要是为了简化多次编写同一个对象的工作,如下面的例子所示:

var qs=location.search.substring(1);

var hostname=location.hostname;

var url=location.href;

上面几行代码都包含location对象,如果使用with语句,可以把上面的代码改成如下所示:

with(location){

var qs=search.substring(1);

var hostname=hostname;

var url=href;

}

严格模式下不允许使用with语句,否则将视为语法错误

注意:由于大量使用with语句会导致性能下降,同时也会给调试代码的造成困难,因此在开发大型应用程序时,不建议使用with语句.

  1. 函数:

函数的参数与大多数其他语言中的参数有所不同,es函数不介意传递进来的多少参数,es中的参数在内部是用一个数组来表示的,函数接收到的始终都是这个数组,而不关心数组中包含哪些参数,在函数体内通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数.

其实,arguments对象只是与数组类似,

严格模式对如何使用arguments对象做出了一些限制:

  • 赋值会变得无效
  • 重写arguments的值会导致语法错误
  • 没有重载

2、变量,作用域和内存问题

  1. 基本类型和引用类型

注意:在很多语言中,字符串以对象的形式表示,因此被认为是引用类型的,es放弃了这一传统

2.复制变量值:

基本类型复制会在变量对象上创建一个新值,然后把该值复制到为新变量分配的位置上

引用类型复制也会将存储在变量对象中的值复制一份放到新变量分配的空间中,不同的是这个值得副本实际上是一个指针,而这个指针指向存储在堆中的一个对象

3.参数传递:

不管是值类型还引用类型函数的传递都是值传递,即将值传递给函数中的参数(这个参数是局部变量)

重点例子:

function setName(obj){

obj.name=”Nicholas”;//这个是赋值操作会影响外面的对象

obj=new Object();//这个赋值是将新的对象赋值给局部变量所以不影响外面的对象

obj.name=”aaa”

}

var preson=new Object();

setName(preson);

alert(person.name)// aaa
  1. 执行环境:

执行环境是javascript中最为重要的一个概念,执行环境定义了变量或函数有权访问的其他数据,每个执行环境都有一个与之关联的变量对象,环境中第一的所有变量和函数都保存在这个对象中.

全局执行环境是最外围的一个执行环境,在web浏览器中,全局执行环境被认为是window对象,因此所有全局变量和函数都是作为window对象的属性和方法创建的,某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义也随之销毁.(全局执行环境直到应用程序退出时才会被销毁)

每个函数都有自己的执行环境,当执行流进入一个函数时,函数的环境就会被推入一个环境栈中,而在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境.

当代码在一个环境中执行时,会创建变量对象的一个作用域链,作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问,作用域链的前端,始终都是当前执行的代码所在环境的变量对象,如果这个环境是函数,则将气活动对象作为变量对象,活动对象在最开始时值包含一个变量,即argument对象,作用域链中的下一个变量对象来自包含环境,而在下一个变量对象则来自下一个包含环境,这样,一直延续到全局执行环境,全局执行环境的变量对象始终都是作用域链的最后一个对象.

有交流js各种框架的朋友可以加群252259003,可以讨论现在前端各种js框架,群主也会经常分享比较好的前端的技术文章地址.

时间: 2024-10-01 21:25:54

javascript高级编程笔记02(基本概念)的相关文章

javascript高级编程笔记01(基本概念)

1.在html中使用JavaScript 1.  <script> 元素 <script>定义了下列6个属性: async:可选,异步下载外部脚本文件. charset:可选,通过src属性指定代码的字符集,大多浏览器会忽略这个值,所以很少人使用 language:已放弃 src:可选,外部脚本的地址 type:可选,现在不推荐用“text/javascript”,考虑到约定俗成和最大限度的浏览器兼容,目前type属性的值还是text/javascript,不过,这个属性并不是必需

javascript高级编程笔记05(面向对象)

面向对象设计 es中有两种属性:数据属性和访问器属性 数据属性: 数据属性包含一个数据值的位置,在这个位置可以读取和写入值,数据属性有4个描述其行为的特性 [[Configurable]]:表示能否通过delete删除属性从而重新第一属性,能否修改属性的特性,或者能否把属性修改为访问器属性,默认为true [[Enumerable]]:表示能否通过for-in循环返回属性,默认为true [[Writable]]:表示能否修改属性的值,默认为true [[Value]]:包含这个属性的数据值默认

javascript高级编程笔记06(面相对象2)

1)  构造函数模式 es中的构造函数可以用来创建特定类型的对象,像Object和Array这样的原生构造函数,在运行时会自动出现在执行环境中,此外,也可以创建自定义的构造函数,从而定义自定义对象类型的属性和方法,例如: function Person(name,age,job){ this.name=name; this.age=age; this.job=job; this.sayName=function(){ alert(this.name); } } var person1=new P

JavaScript高级编程随笔

前言: 本人之前在博客园写过一遍关于MVC基础的一个小文章,由于当时各种原因没能继续坚持写下去,最近本人在学习JavaScript,想用自己的方式整理出来,主要是为了加深自己的印象,我还是一个前端的小学生,希望各位前端的前辈多指点.我会吧每一章节学到的看到的整理到我的博客园里,虽然这本书前面讲的很基础,我也会坚持发表文章.好了废话说到这里开始进入正题. Content: 本人现在准备要看的第一本书是<JavaScript高级编程>[第三版],这是一本比较经典的JS书籍,即使前面几章比较简单基础

JavaScript高级编程II

原文地址: http://www.onlamp.com/pub/a/onlamp/2007/08/23/advanced-javascript-ii.html?page=1 在前面的文章中,我们介绍了两类JavaScript小工具及其源代码:浮动文本和弹出菜单.本文中,我们将继续介绍另外几个实用的JavaScript小工具,并着重说明其工作原理,因此你能够简单改动后应用到自己的程序中.本文中的JavaScript代码应该不用做不论什么改动就能够在当前全部主流浏览器上执行.所以,不用再费周折…… 

javascript高级程序设计——笔记

javascript高级程序设计--笔记 基本概念 基本数据类型包括Undefined/Null/Boolean/Number和String 无须指定函数的返回值,实际上,未指定返回值的函数返回的是一个特殊的undefined值 变量.作用域和内存问题 基本类型值在内存中占据固定大小的空间,因此保存在栈内存中 引用类型的值是对象,保存在堆内存中 确定一个值是哪种基本类型用typeof,确定一个值是哪种引用用instanceof 所有变量都存在于一个执行环境当中,这个执行环境决定了变量的生命周期,

读javascript高级编程11-事件

一.事件流 事件流指从页面中接收事件的顺序. 1.事件冒泡(常用) IE中采用的事件流是事件冒泡,先从具体的接收元素,然后逐步向上传播到不具体的元素. 2.事件捕获(少用) Netscapte采用事件捕获,先由不具体的元素接收事件,最具体的节点最后才接收到事件. 3.DOM事件流 DOM2级事件包括三个阶段:事件捕获阶段.处于目标阶段和事件冒泡阶段. 二.事件处理程序 事件处理程序就是响应某些事件的函数,如onclick等. 1. DOM0级事件处理程序 每个元素都有自己的事件处理程序属性,如o

JavaScript高级编程

原文地址: http://www.onlamp.com/pub/a/onlamp/2007/07/05/writing-advanced-javascript.html Web应用程序(Web Applications)        从计算机纪元的黎明刚刚来临開始,不同平台间软件的互用性就一直是关注的焦点.为了尽可能实现用户的最大要求,软件公布者往往将流行软件从一个机器移植到另外一个机器上,这通常要花费数月的辛苦劳动,有时甚至是整个软件在新的硬件或者操作系统上的全然重写.随着计算机功能的不断强

4.28 UNIX环境高级编程 笔记

int dup(int filedes); int dup2(int filedes,int filedes2); 这两个函数都可以实现复制一个现存的文件描述符,但是dup一定返回当前可用最小文件描述符,dup2可以用filedes2参数指定新描述符数值.如果filedes2已经打开,则先将其关闭.如果filedes等于filedes2,则返回filedes2而不关闭. 这些函数返回的新文件描述符与参数参数filesdes共享同一个文件表项. 图3 执行dup之后的内核数据结构 dup2是原子操