浅谈 ECMAScript 和 JavaScript
ES5与ES3基本保持兼容,较大的语法修正和新功能加入,将由JavaScript.next完成。
什么是ECMAScript?
http://baike.baidu.com/link?url=G1T8nGWaC0r3o-TDiDXZhgt75zEHYrG6TLxRfFjJvxpxNZHgy0Hk1Dz0RSsymSl-25oE0uUba81B7JSBc5Cw0a
ECMAScript 5.1
浏览器支持
Opera 11.60
Internet Explorer 9+
Firefox 4
Safari 5.1+
Chrome 13
"use strict" 严格模式(可靠,安全),字符串会被旧版浏览器忽略,放心使用
添加到Object上的构造器
Object.getPrototypeOf
Object.getOwnPropertyDescriptor
Object.getOwnPropertyNames
Object.create
Object.defineProperty
Object.defineProperties
Object.seal
Object.freeze
Object.preventExtensions
Object.isSealed
Object.isFrozen
Object.isExtensible
Object.keys
对象的属性:可以枚举、删除、修改
Array扩展:
Array.prototype.indexOf
Array.prototype.lastIndexOf
Array.prototype.every
Array.prototype.some
Array.prototype.forEach
Array.prototype.map
Array.prototype.filter
Array.prototype.reduce
Array.prototype.reduceRight
代码:
'use strict'; /**
* 全局JSON对象
* 序列化JSON.stringify ECMAScript值->JSON
* 反序列化JSON.parse JSON->ECMAScript值
*
* JSON.parse(text[, reviver)
* JSON.stringify(value[, replacer[, space)
*/ var result = JSON.parse('{"a": 1, "b": 2}');
console.log(result);
console.log(result.b); var result = JSON.parse('{"a": 1, "b": 2}', function (key,value) {
if(typeof value == 'string') {
console.log('string');
return parseInt(value);
}else {
console.log('other');
return value;
}
}); console.log(result.b); var nums = {
"first": 7,
"second": 14,
"third": 13
}; /**
* 添加replacer过滤函数操作
* space代表缩进空格
*/
var luckyNums = JSON.stringify(nums, function(key, value){
if (value == 13) {
return undefined;
} else {
return value;
}
}, 2); console.log(luckyNums); var cat = {}; Object.defineProperty(cat, 'name', {
value: 'Maru',
writable: false,
enumerable: true,
configurable: false
}); Object.defineProperty(cat, 'skill', {
value: 'exploring boxes',
writable: true,
enumerable: true,
configurable: false
}); for(var key in cat) {
console.log(key + ': ' + cat[key]);
} console.log(Array.isArray('No u'));
console.log(Array.isArray(['No', 'u'])); var mike = JSON.stringify({mike: 'taylor'});
console.log(mike); //{"mike":"taylor"}
console.log(typeof mike); //string /**
* Array.isArray()直接写在了构造器上,而不是prototype对象上
*/ /**
* Function.prototype.bind(thisArg[, arg1[, arg2,...)
*/
function locate() {
console.log(this.location);
} function Maru(location) {
this.location = location;
} var maru = new Maru('some words');
var locateMaru = locate.bind(maru); locateMaru();
typeof 运算符判断原始类型
instanceof 运算符要求程序员明确地了解变量的数据类型,比如:
console.log(oStringObject instanceof String);
原始类型:Undefined, Null, Number, Boolean, String
类型转换:
ECMAScript规定所有的对象都具有 toString()方法。
parseInt()、parseFloat()
强制类型转换:
Boolean()
Number()
String()
Boolean(""); //false - 空字符串
Boolean(null); //false - null
Boolean(0); //false - 零
强制转换成字符串和调用 toString() 方法的唯一不同之处在于,对 null 和 undefined 值强制类型转换可以生成字符串而不引发错误:
var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); //会引发错误
引用类型:
var o = new Object();
1. Object 对象 (自身用处不大)
2. Boolean 对象(很少使用,不易理解,尽量避免使用)
3. Number 对象(只要可能,都使用数字的原始表示法。尽量避免使用)
new Number(68).toFixed(2); // 68.00, 返回具有指定位数小数的数字的字符串表示
4. String 对象
length 属性
charAt()、charCodeAt()访问字符串索引的单个字符
charAt() 返回单个字符
charCodeAt() 返回单个字符的字符代码
concat() 把一个或多个字符串连接到String对象的原始值上,
一般都是用"+"连接,很少用concat()
indexOf()、lastIndexOf() 返回指定字符串的位置
indexOf() 从字符串的开头开始检索字符串
lastIndexOf() 从字符串的结尾检索字符串
slice()、substring() 都是返回要处理的字符串子串
slice(startIndex[, endIndex])
substring(startIndex[, endIndex])
对于负数参数,slice() 方法会从后往前数,substring() 方法则将其作为 0 处理(也就是说将忽略它)。
与 concat() 方法一样,slice() 和 substring() 方法都不改变 String 对象自身的值。它们只返回原始的 String 值,保持 String 对象不变 。
toLowerCase()、toLocaleLowerCase()、toUpperCase() 和 toLocaleUpperCase()
toLocaleLowerCase()、toLocaleUpperCase()更安全
代码:
console.log(window.document.domain);
console.log(window.document.lastModified);
console.log(window.document.referrer);
console.log(window.document.title);
console.log(window.document.URL); document.write('Hello World!');
document.write('Have a nice day!'); document.writeln('Hello World!');
document.writeln('Have a nice day!'); var test1 = 'hi',test2 = 'hello';
var test = 'hi', age = 25; //没有初始化值的变量也是合法的
var test3; var test;
var $test;
var $1;
var _$te$t2;
ECMAScript 的核心: 函数
return 语句后面的代码都不会执行
注释:如果函数无明确的返回值,或调用了没有参数的 return 语句,那么它真正返回的值是 undefined。
arguments 对象
1. 无需明确命名参数,也可以传入参数
2. 检测参数个数
3. 模拟函数重载
ECMAScript 不会验证传入的参数和定义的参数量是否相等
ECMAScript 的函数实际上是功能完整的对象
Function 对象的length属性声明了函数期望的参数个数
Function 对象的toString()方法可以打印出函数的文本,进行调试
闭包,是指函数可以使用函数之外的变量
使用闭包要小心,因为它们可能会变得非常复杂。
代码:
/**
* 信息函数
* @param msg
*/
function sMessage(msg) {
if(msg == 'bye') {
// 永远不执行
return;
} alert(msg);
} sMessage('bye'); function sMessage() {
if(arguments[0] == 'bye') {
// 永远不执行
return;
} alert(arguments[0]);
} sMessage('byeccc'); /**
* 检测有多少个参数
*/
function howManyArgs() {
alert(arguments.length);
} howManyArgs('some', 'text');
howManyArgs();
howManyArgs('some'); function doAdd(arg1, arg2) {
if(arguments.length > 0) {
alert('有实参');
}else {
alert('无实参');
}
} function test() {
return 'some text';
} //打印函数所期望的参数个数
console.log(doAdd.length);
console.log(test.length); // 简单的闭包实例
var message = 'text'; function myFunction () {
console.log(message);
} // 函数的内部函数是一个闭包
var iBaseNum = 10; function addNum(iNum1, iNum2) {
function doAdd() {
return iNum1 + iNum2 + iBaseNum;
} return doAdd();
} console.log(addNum(1, 2));
浅谈 ECMAScript 和 JavaScript的更多相关文章
- 浅谈系列之 javascript原型与对象
在我学习与使用javascript三个月中,我一直对javascript的继承关系以及prototype理解不清,导致很多时候为什么这么用说不出个所以然来.截止到本周为止,通过之前的学习以及自己的再学 ...
- 浅谈模块化的JavaScript
模块化JavaScript之风早已席卷而来, CommonJS . AMD . NodeJS .RequireJS . SeaJS . curljs 等模块化的JavaScript概念及库扑面而来, ...
- 浅谈Java和JavaScript中变量和数据类型的区别
对于一门编程语言的学习,如果第一步是安装环境,那么第二步一定是学习这门语言的基本规则,变量和数据类型则首当其冲 JavaScipt作为一个蹭Java热度而命名的语言,在很多方面和Java也有一定的相似 ...
- 浅谈二分查找 JavaScript
算法介绍 二分查找,也称折半查找,是一种在有序数组中查找特定元素的搜索算法.查找过程经历一下步骤: (1)从有序数组的中间的元素开始搜索,如果该元素正好是目标元素,则停止搜索并返回该元素的索引值,否则 ...
- 浅谈JavaScript中的内存管理
一门语言的内存存储方式是我们学习他必须要了解的,接下来让我浅谈一下自己对他的认识. 首先说,JavaScript中的变量包含两种两种类型: 1)值类型或基本类型:undefined.null.numb ...
- 浅谈javascript的原型及原型链
浅谈javascript的原型及原型链 这里,我们列出原型的几个概念,如下: prototype属性 [[prototype]] __proto__ prototype属性 只要创建了一个函数,就会为 ...
- 浅谈javascript函数节流
浅谈javascript函数节流 什么是函数节流? 函数节流简单的来说就是不想让该函数在很短的时间内连续被调用,比如我们最常见的是窗口缩放的时候,经常会执行一些其他的操作函数,比如发一个ajax请求等 ...
- 浅谈JavaScript中的闭包
浅谈JavaScript中的闭包 在JavaScript中,闭包是指这样一个函数:它有权访问另一个函数作用域中的变量. 创建一个闭包的常用的方式:在一个函数内部创建另一个函数. 比如: functio ...
- javascript数组浅谈2
上次说了数组元素的增删,的这次说说数组的一些操作方法 join()方法: ,,] arr.join("_") //1_2_3 join方法会返回一个由数组中每个值的字符串形式拼接而 ...
随机推荐
- xPath在C#中运用
<?xml version="1.0" encoding="utf-8" ?> <pets> <cat color=" ...
- Orcale创建函数(function)
Oraclec创建函数的语法规则 create or replace function 函数名 (参数名1 参数类型,参数名2 参数类型) return number is Result num ...
- 【三支火把】--- shell脚本中变量的类型及作用域
一直对shell脚本有一种特殊的感觉,因此花了一段时间学习,本人擅长C语言编程,深受C语言荼毒,在学习其他任何类似于编程语言的东东的时候,都会不自觉的与C进行对比,因此对于shell中的变量的作用域一 ...
- POI生成Excel强制换行
自动换行的设置: HSSFCellStyle cellStyle=workbook.createCellStyle(); cellStyle.setWrapText(true); cell.setCe ...
- Color Length UVA - 1625
题目大意: 给你两个字符串p,q,字符串中每个字符代表一个颜色,现在按顺序合并两个字符串,得到一个新字符串.新字符串的价值为,每个颜色价值的和,单个颜色价值的和等于该颜色在新字符中最后一次出现的位置减 ...
- zabbix监控tcp连接数的脚本!!
#!/bin/bash #this script is used to get tcp and udp connetion status #tcp status metric=$ tmp_file=/ ...
- Qt 学习之路 2(3):Hello, world!
豆子 2012年8月22日 Qt 学习之路 2 107条评论 想要学习 Qt 开发,首先要搭建 Qt 开发环境.好在现在搭建 Qt 开发环境还是比较简单的.我们可以到 Qt 官方网站找到最新版 ...
- 红帽JBoss企业应用平台
概观 下载 你好,世界! 文档和API 救命 社区 你好,世界! 1. 设置您的开发环境 10分钟 2. 安装,配置和验证 5分钟 3. 构建您的第一个JBoss EAP应用程序 20分钟 1 ...
- 工具类_SharedPreferencesUtils
import android.app.Application;import android.content.Context;import android.content.SharedPreferenc ...
- python3 enumerate()函数笔记
d={"A":"a","B":"b","C":"c","D" ...