HTML5 App应用开发教程--第04章.pptVIP

JavaScript对象基础 5.String对象：字符串对象 .length .split() .trim() .replace() 6. window对象 （1）对话框： window.alert(); window.confirm(); window.prompt(); JavaScript对象基础 JavaScript对象基础 （2）间隔和延时 setInterval(函数名或语句，间隔的毫秒数） clearInterval(间隔id) setTimeout(函数名或语句，间隔的毫秒数） clearTimeout(延时id) JavaScript是运行在单线程的环境中，这两者指定的时间，表示的是何时将定时器的代码添加到消息队列，而不是何时执行代码。所以真正何时执行代码的时间是不能保证的。 JavaScript对象基础 setInterval某些间隔被跳过，另外间隔的时间有可能比预期的小。在实际使用中，一般使用setTimeout来模拟setInterval。 function test(){ ... setTimeout(test,1000); } setTimeout(test,1000); JavaScript面向对象 1.Object对象 几乎所有的对象都是Object类型的实例 var objStu = {}; objStu.name = huangbo; objStu.showStuInfo = function() { alert(this.name); } objStu.showStuInfo(); 在HTML5 APP开发中，我们经常使用Object对象打包数据 JavaScript对象基础 2.自定义类 （1）混合的构造器/原型方式 //Person类的构造函数 function Person(name, age) { this.name = name; this.age = age;} //为Person类添加一个showInfo方法Person.prototype.showInfo = function() { ... } JavaScript面向对象 （2）prototype属性 //为String类扩展一个print方法 String.prototype.print = function() { alert(this); }; var testString = hello html5; testString.print(); JavaScript面向对象 JavaScript面向对象 3. this关键字 总是指向调用该方法的对象 4. call、apply、bind方法 .call(thisobj,arg1,arg2); .apply(thisobj,[arg1,arg2]); .bind(thisobj)(arg1,arg2); JavaScript处理JSON JSON格式结构简介 var student={name:张三,age:22}; alert(姓名:+student.name+,年龄:+student.age); var students=[ {name:张三,age:22}, {name:李四,age:21}, {name:王五,age:20}]; alert(students[1].name); JavaScript处理JSON 2. JSON序列化与反序列化 JSON.parse() JSON. stringify() 反序列化时，如果字符串不符合JSON格式会报错，建议使用try/catch代码块进行错误处理。 实战演练 评论JSON数据解析 谢谢大家的聆听！ HTML5 App应用开发教程 本章要点 掌握JavaScript在页面中的使用。 掌握JavaScript的基础语法和调试技巧。 掌握函数的使用。 掌握JavaScript的各种内置对象以及实现自定义类和对象。 掌握JSON数据格式以及序列化和反序列化。 JavaScriptg与LiveScript，JavaScript与Java JavaScript这门语言有以下特点：（1）脚本语言，采用小程序段的方式进行编程。它的基