Javascript 学习笔记 ---------(一)

本贴最后更新于 214 天前,其中的信息可能已经时异事殊

语言介绍

JavaScript 是能够在静态页面加动态效果的一种语言,与 Java 语言语法必将相似,当时 Java 语言正火,这是这个名字的由来

基本语法

JavaScript 语言与 Java 类似,每个语句以";"结束,语句块用"{……}"表示,但是 JavaScript 不强制要求在每个语句后面加";",它会自动帮你在行尾补充;

var a=1; var b=2;

这是两个语句,每个语句以";"结束。

语句块是一组语句的集合,例如,下面的代码先做判断,如果成立,则执行代码块。

if(a>2){
    x=1;
    y=2;
    z=3;
}

注释是代码中不运行的部分,能够启动提示开发者的功能,在 JavaScript 中注释分为两种,单行注释和块注释,单行注释是//代码,块注释是/* 代码*/效果如下:

var x=1;
// x=2;
/* x=a+1;
   y=22;*/

“x=2” 和“x=a+1;y=22;”都不会在代码中起作用。

注意: JavaScript 中严格区分大小写,如果弄错了大小写,程序将会报错或者不运行。

数据类型和变量

计算机顾名思义就是可以做数学计算的机器,因此,计算机程序理所当然地可以处理各种数值。但是,计算机能处理的远不止数值,还可以处理文本、图形、音频、视频、网页等各种各样的数据,不同的数据,需要定义不同的数据类型。在 JavaScript 中定义了以下几种数据类型:

Number

Java 不区分整数和浮点数,统一用 Number 表示,以下都是 Number 的合法类型:

123; // 整数123
0.456; // 浮点数0.456
1.2345e3; // 科学计数法表示1.2345x1000,等同于1234.5
-99; // 负数
NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示
Infinity; // Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity

Number 可以直接做四则运算,规则和数学一致

1 + 2; // 3
(1 + 2) * 5 / 2; // 7.5
2 / 0; // Infinity
0 / 0; // NaN
10 % 3; // 1
10.5 % 3; // 1.5

字符串

字符串是指用单引号' 或双引号" 括起来的任意文本,这些学过 Java 的都懂。就不讲了。

布尔值

布尔值就两个 true 和 false,要么是 true,要不是 false。可以通过布尔运算得出来:

2>1; //true
2==1; //false
true&&false; //false
true||false; //true
!true;//false

&&表示“且”,只有当两者同为 true 时它返回的时 true,“||”表示或,只有两者皆为 false 时返回的结果为 false。"!"表示取反, 去后面布尔的相反布尔值。

比较运算符

当我们对 Number 作比较时,通常会得到一个布尔值,它和 Java 中类似,区别在于,它能够比较任意类型的值,要区分两种比较“==”和“===”:

“==”严格度不高,他会将两边格式变为一致再进行比较,很多时候,会得到比较诡异的效果。

“===”严格度较高,他不会转换数据类型比较,如果两边数据类型不一致,直接返回 false。

对于这个设计缺陷,我们在使用时,一定要去使用“===”。

另外一个意外:NaN 这个特殊的 Number 与任何值都不相同,包括他自己;

唯一能判断 NaN 的方法是通过 isNaN();函数

NaN===NaN; //false
isNaN(NaN); //true

null 和 undefined

null 表示一个“空”的值,它和 0 以及空字符串' '不同,0 是一个数值,而空字符串' '是长度为 0 的字符串。而 null 表示空。

在 JavaScript 中还有一个和“null”类似的 undefined,它表示“未定义”。

JavaScript 设计者希望用 null 表示一个空值,而 undefined 表示值未定义。事实证明,这并没有什么卵用,区分两者意义不大,大多数情况下,我们都应该用 null。undefined 仅仅判断函数是否传递的情况下有用。

数组

数组是一组按顺序排列的集合,集合的每个值成为元素。JavaScript 的数组可以包括任意类型元素。用[]表示

[1,2,6,'asd',null,true]

上面数组由 6 各元素构成,他们之间用,分开。

另一种创建数组的方法是通过 Array()函数实现:

new Array(1,2,3);//创建了数组[1,2,3]

然而,处于代码的可读性考虑,强烈建议直接使用[].

数组的访问可以通过索引访问,他和 Java 数组一样起始索引是 0;

var arr=[1,2,3,4,"asda",null.true];
arr[0];//1
arr[1];//2
arr[5];//null
arr[8];//undefined

对象

JavaScript 的对象是由键-值构成的无序组合,例如:

var person={
    name:'Bob';
    age:20;
    tags:['js','web','mobile'];
    city:'Beijing',
    hasCar:true;
    zipcode:null;
}

JavaScript 对象的键都是字符串类型,值可以是任意数据类型。上述 Person 对象一共定义了六个键值对,其中每个键成为对象的属性,例如:Person 的 name 属性为‘Bob’,zipcode 属性为 null。

获取一个对象的属性值,可以用

对象变量.属性名
person.name; //'Bob'
person.zipdoce;//null

变量

变量的概念基本和初中代数的方程变量是一致的,知识在计算机程序中,变量不仅可以是数字,还可以是任意数据类型。

变量在 JavaScript 中就是用一个变量名表示,变量名是大小写英文字母、数字、$ 和_的组合,且不能用数字开头。变量名也不能是 JavaScript 关键字,如 if while 等。申明一个变量用 var 语句,比如:

var a; // 申明了变量a,此时a的值为undefined
var $b = 1; // 申明了变量$b,同时给$b赋值,此时$b的值为1
var s_007 = '007'; // s_007是一个字符串
var Answer = true; // Answer是一个布尔值true
var t = null; // t的值是null

变量名也可以用中文,但是,请不要给自己找麻烦。

在 JavaScript 中,使用等号 = 对变量进行赋值。可以把任意数据类型赋值给变量,同一个变量可以反复赋值,而且可以是不同类型的变量,但是要注意只能用 var 申明一次,例如:

var a = 123; // a的值是整数123
a = 'ABC'; // a变为字符串

这种变量本身类型不固定的语言称之为动态语言,与之对应的是静态语言。静态语言在定义变量时必须指定变量类型,如果赋值的时候类型不匹配,就会报错。例如 Java 是静态语言,赋值语句如下:

int a = 123; // a是整数类型变量,类型用int申明
a = "ABC"; // 错误:不能把字符串赋给整型变量

静态语言相比,动态语言更灵活,就是这个原因。

  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    647 引用 • 1126 回帖 • 763 关注

赞助商 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...