Javascript笔记一 js以及json基础使用说明


Posted in Javascript onMay 22, 2010

JavaScript中的代码只体现为一种形式,就是function。

注意:以上单词都是小写的,不要和Number, String, Object, Function等JavaScript内置函数混淆,JavaScript语言是区分大小写。

typeof(null)返回object,但null并非object。

JavaScript的代码就只有function一种形式,function就是函数的类型。函数的写法有“定义式”和“变量式”。

定义式的函数语句会优先执行。函数定义执行完之后,才会按顺序执行其他语句代码,JavaScript是一段段地执行的。

我们来看看下面的代码:

var myfunc = function () 
{ 
alert("hello"); 
}; 
myfunc(); //第一次调用myfunc,输出hello 
myfunc = function () 
{ 
alert("yeah"); 
}; 
myfunc(); //第二次调用myfunc,将输出yeah

这个程序运行的结果告诉我们:在第一次调用函数之后,函数变量又被赋予了新的函数代码体,使得第二次调用该函数时,出现了不同的输出。

好了,我们又来把上面的代码改成定义式的函数形式:

function myfunc () 
{ 
alert("hello"); 
}; 
myfunc(); //这里调用myfunc,输出yeah而不是hello 
function myfunc () 
{ 
alert("yeah"); 
}; 
myfunc(); //这里调用myfunc,当然输出yeah

按理说,两个签名完全相同的函数,在其他编程语言中应该是非法的。但在JavaScript中,这没错。JavaScript执行引擎并非一行一行地分析和执行程序,而是一段一段地分析执行的。在第一次调用myfunc之前,第一个函数语句定义的代码逻辑,已被第二个函数定义语句覆盖了。所以,两次都调用都是执行最后一个函数逻辑了。

创建对象

<script type="text/javascript"> 
function test() { 
var bo = {}; //建立一个对象 
bo.姓名 = "张三"; //对象的一个属性 
bo.年龄 = 18; 
bo.showInfo = function() { alert(bo.姓名 + " " + bo.年龄); }; //对象的一个方法 
alert(bo["姓名"]); //可以将对象当数组以属性名作为下标来访问属性 
bo["showInfo"](); //可以将对象当数组以方法名作为下标来调用方法 
//遍历对象里所有的属性和方法,并输出其类型 
for (var s in bo) { 
alert(s + " 是 " + typeof (bo[s])); 
} 
} 
</script>

JSON为创建对象提供了非常简单的方法,JavaScript Object Notation(缩写JSON),翻译为中文就是“JavaScript对象表示法”。

创建一个没有任何属性的对象:
var o = {};

创建一个对象并设置属性及初始值:
var person = {name: "Angel", age: 18, married: false};

创建一个对象并设置属性和方法:
var speaker = {text: "Hello World", say: function(){alert(this.text)}};

创建一个更复杂的对象,嵌套其他对象和对象数组等:

var company = 
{ 
name: "Microsoft", 
product: "softwares", 
chairman: {name: "Bill Gates", age: 53, Married: true}, 
employees: [{name: "Angel", age: 26, Married: false}, {name: "Hanson", age: 32, Marred: true}], 
readme: function() {document.write(this.name + " product " + this.product);} 
};

JSON的形式就是用大括“{}”号包括起来的项目列表,每一个项目间并用逗号“,”分隔,而项目就是用冒号“:”分隔的属性名和属性值。这是典型的字典表示形式,也再次表明了 JavaScript里的对象就是字典结构。不管多么复杂的对象,都可以被一句JSON代码来创建并赋值。

其实,JSON就是JavaScript对象最好的序列化形式,它比XML更简洁也更省空间。对象可以作为一个JSON形式的字符串,在网络间自由传递和交换信息。而当需要将这个JSON字符串变成一个JavaScript对象时,只需要使用eval函数这个强大的数码转换引擎,就立即能得到一个JavaScript内存对象。正是由于JSON的这种简单朴素的天生丽质,才使得她在AJAX舞台上成为璀璨夺目的明星。

Javascript 相关文章推荐
use jscript Create a SQL Server database
Jun 16 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
May 11 Javascript
浅谈JavaScript Array对象
Dec 29 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
May 26 Javascript
浅谈如何实现easyui的datebox格式化
Jun 12 Javascript
AngularJS教程之环境设置
Aug 16 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
Jan 09 Javascript
微信小程序实现留言板功能
Nov 02 Javascript
vue router的基本使用和配置教程
Nov 05 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
Mar 14 Javascript
JS实现TITLE悬停长久显示效果完整示例
Feb 11 Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
Aug 24 Javascript
javascript Array数组对象的扩展函数代码
May 22 #Javascript
javascript 正则替换 replace(regExp, function)用法
May 22 #Javascript
JQuery 文本框使用小结
May 22 #Javascript
基于Asp.net与Javascript控制的日期控件
May 22 #Javascript
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
May 22 #Javascript
用jQuery打造TabPanel效果代码
May 22 #Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
May 21 #Javascript
You might like
PHP的FTP学习(二)[转自奥索]
2006/10/09 PHP
PHP的password_hash()使用实例
2014/03/17 PHP
Smarty环境配置与使用入门教程
2016/05/11 PHP
PHP类的特性实例分析
2016/09/28 PHP
javascript prototype 原型链
2009/03/12 Javascript
javascript开发技术大全-第1章javascript概述
2011/07/03 Javascript
jquery连缀语法如何实现
2012/11/29 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
浅谈JavaScript实现面向对象中的类
2014/12/09 Javascript
javascript制作sql转换为stringBuffer的小工具
2015/04/03 Javascript
javascript基础知识
2016/06/07 Javascript
详解require.js配置路径的用法和css的引入
2017/09/06 Javascript
JavaScript选择排序算法原理与实现方法示例
2018/08/06 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
vue模块移动组件的实现示例
2020/05/20 Javascript
python使用线程封装的一个简单定时器类实例
2015/05/16 Python
python中map()函数的使用方法示例
2017/09/29 Python
Python 窗体(tkinter)按钮 位置实例
2019/06/13 Python
pyqt5 实现在别的窗口弹出进度条
2019/06/18 Python
python3.6环境安装+pip环境配置教程图文详解
2019/06/20 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
Python字符串中删除特定字符的方法
2020/01/15 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
pycharm 2018 激活码及破解补丁激活方式
2020/09/21 Python
python中如何打包用户自定义模块
2020/09/23 Python
canvas像素点操作之视频绿幕抠图
2018/09/11 HTML / CSS
英国电子产品购物网站:TobyDeals
2018/07/30 全球购物
EQVVS官网:设计师男装和女装
2018/10/24 全球购物
英国景点门票网站:attractiontix
2019/08/27 全球购物
国际金融专业大学生职业生涯规划书
2013/12/28 职场文书
业务员自荐信范文
2014/04/20 职场文书
2015元旦联欢晚会结束语
2014/12/14 职场文书
实用求职信模板范文
2019/05/13 职场文书
解决jupyter notebook图片显示模糊和保存清晰图片的操作
2021/04/24 Python