《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法


Posted in Javascript onJanuary 09, 2015

注释
        单行注释://

        多行注释:/* */

        "<!--"可以用作单行注释,由于和HTML的"<!--  -->"多行注释类似,容易混淆,所以不建议这种注释方法

变量
       在JavaScript 语言里,变量和其他语法元素的名字都是区分字母大小写的。名字mood的变量与名字是Mood、MOOD或mOOd的变量没有任何关系,它们不是同一个变量。

       JavaScript 语法不允许变量名中包含空格或标点符号("$"例外)。

       JavaScript 变量名允许包含字母、数字、美元符号和下划线(但第一个字符不允许是数字)。

       另一种方式是使用驼峰格式,删除中间的空白(下划线),后面的每个新单词改用大写字母开头:var myMood = "happy";

数据类型

      字符串
      字符串必须包括在引号中,单引号或双引号都可以。你可以随意选择引号,但最好是根据字符串所包含的字符来选择。如果字符串包含双引号,就把整个字符串放在单引号里,反之亦然:

      var mood = "don't ask";

      如果想在上面这条语句中使用单引号,就必须保证字母"n"和"t"之间的单引号能被当成这个字符串的一部分。这种情况下我们需要对这个字符进行转义。在JavaScript里用反斜线对字符进行转义:

      var mood = 'don\'t ask';

数组
      关联数组
      传统数组:每个元素的下标是一个数字,每增加一个元素,这个数字就一次增加1。

      如果在填充数组时只给出了元素的值,这个数组就将是一个传统数组,它的各个元素的下标将被自动创建和刷新。

      可以通过在填充数组时为每个新元素明确地给出下标来改变这种默认的行为。在为新元素给出下标时,不必局限于使用整数数字。你可以使用字符串:

      var lemon = Array();

      lemon["name"] = "John";

      lemon["year"] = 1940;

      lemon["living"] = false;

      这样的数组叫做关联数组。由于可以使用字符串代替数字值,因而代码更具有可读性。但是,这种用法并不是一个好习惯,不推荐大家使用。本质上,在创建关联数组时,你创建的是Array对象的属性。在JavaScript 中,所有的变量实际上都是某种类型的对象。比如,一个布尔值就是一个Boolean类型的对象。在上面这个例子中,你实际上是给lemon数组添加了name、year和living三个属性。在理想情况下,你不应该修改Array对象的属性,而应该使用通用的对象(Object)。

对象

 var lemon = Object();

 lemon.name = "John";

 lemon.year = 1940;

 lemon.living = false;

 lemon对象也可以写成下面这样:

 var lemon = {name:"John", year:1940, living:false};

比较操作符

       相等操作符==并不表示严格相等,这一点很容易让人犯糊涂。例如,比较false与一个空字符串会得到什么结果?

       var a = false;

       var b = "";

       if(a == b){

          alert("a equals b");

       }

       这个条件语句的求值结果是true,为什么?因为相等操作符==认为空字符串与false的含义相同。要进行严格比较,就要使用另一种等号(===)。这个全等操作符会执行严格的比较,不仅比较值,而且会比较变量的类型。

      当然,对于不等操作符!=也是如此。如果想比较严格不相等,就要使用!==。

Javascript 相关文章推荐
Javascript 获取滚动条位置等信息的函数
Sep 08 Javascript
autoIMG 基于jquery的图片自适应插件代码
Mar 12 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
Apr 01 Javascript
JS实现获取剪贴板内容的方法
Jun 21 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
Apr 07 Javascript
详解angular部署到iis出现404解决方案
Aug 14 Javascript
iview实现select tree树形下拉框的示例代码
Dec 21 Javascript
微信小程序通过js实现瀑布流布局详解
Aug 28 Javascript
vue 自定义组件的写法与用法详解
Mar 04 Javascript
JS猜数字游戏实例讲解
Jun 30 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 #Javascript
javascript获取四位数字或者字母的随机数
Jan 09 #Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 #Javascript
JavaScript Math.ceil 方法(对数值向上取整)
Jan 09 #Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 #Javascript
JavaScript Math.floor方法(对数值向下取整)
Jan 09 #Javascript
使用javascript实现json数据以csv格式下载
Jan 09 #Javascript
You might like
php 升级到 5.3+ 后出现的一些错误,如 ereg(); ereg_replace(); 函数报错
2015/12/07 PHP
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
idTabs基于JQuery的根据URL参数选择Tab插件
2012/04/11 Javascript
JS异常处理的一个想法(sofish)
2013/03/14 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
javascript给span标签赋值的方法
2015/11/26 Javascript
原生js配合cookie制作保存路径的拖拽
2015/12/29 Javascript
AngularJs Forms详解及简单示例
2016/09/01 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
jQuery提示框插件SweetAlert用法分析
2019/08/05 jQuery
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
js实现复制粘贴的两种方法
2020/12/04 Javascript
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
python生成日历实例解析
2014/08/21 Python
Python 和 JS 有哪些相同之处
2017/11/23 Python
浅谈numpy数组中冒号和负号的含义
2018/04/18 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
APIStar:一个专为Python3设计的API框架
2018/09/26 Python
Python----数据预处理代码实例
2019/03/20 Python
Python Web程序搭建简单的Web服务器
2019/07/31 Python
python修改字典键(key)的方法
2019/08/05 Python
解决Python3用PIL的ImageFont输出中文乱码的问题
2019/08/22 Python
为什么是 Python -m
2020/06/19 Python
Baby Tulai澳大利亚:美国婴儿背带品牌
2018/10/15 全球购物
技术总监的工作职责
2013/11/13 职场文书
医学生个人求职信范文
2014/02/07 职场文书
2014学校庆三八妇女节活动总结
2014/03/01 职场文书
三好学生演讲稿范文
2014/04/26 职场文书
党建目标管理责任书
2014/07/25 职场文书
小学生教师节演讲稿
2014/09/03 职场文书
小学二年级数学教学计划
2015/01/20 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
创业计划书之淘宝网店
2019/10/08 职场文书
Linux系统下安装PHP7.3版本
2021/06/26 PHP
CentOS7环境下MySQL8常用命令小结
2022/06/10 Servers