JavaScript的应用

JavaScript引入方式

Script标签内写代码

<script>
  // 在这里写你的JS代码
</script>
 
引入额外的js文件
<script src='myscript.js'></script>

JavaScript语言规范

注释

//  这是单行注释

/*
    这是多行注释
*/

结束符

  JavaScript中的语句要以分号(;)为结束符。

JavaScript语言基础

变量声明

  1. JavaScript的变量名可以使用_,数字,字母,$组成,不能以数字开头。
  2. 声明变量使用 var 变量名; 的格式来进行声明

  注意:变量名是区分大小写的。推荐使用驼峰式命名规则。保留字不能用做变量名。

  补充:ES6新增了let命令,用于声明变量,其用法类似于var。但是所声明的变量只在let命令所在的代码块内有效。例如:for循环的计数器就很适合使用let命令。ES6新增const用来声明常量。一旦声明,其值就不能改变。

JavaScript数据类型

数值(number)

  JavaScript不区分整型和浮点型,就只有一种数字类型。其中NaN表示该值的类型不是一个数字。

  常用查看方法:

parseInt("123")  // 返回123
parseFloat("-123")  // 返回-123
parseInt("ABC")  // 返回NaN,该属性用于指示某个值不是数字。
parseFloat("123.456")  // 返回123.456

字符串(string)

  可通过简单的(+)来完成字符串的拼接。

var a = "Hello"
var b = "world;
var c = a + b; 
console.log(c);  // 得到Helloworld

  常用方法:

方法 说明 
 .length 返回长度 
.trim()  移除空白部分
.trimLeft() 移除左边的空白
.trimRight()   移除右边的空白
.charAt(n)   返回第n个字符
.concat(value,...)   拼接
.indexOf(substring,start)   子序列位置
.substring(from,to)   根据索引获取子序列
.slice(start,end)   切片
.toLowerCase()   小写
.toUpperCase()  大写 
.split(selimiter,limit)  分割 

 布尔值(Boolean)

  跟python有点不同。即true和false都是小写。其中 ''  ''(空字符串)、0、null、undefined、NeN都是false。

  • null表示值是空,一般在需要指定或清空一个变量时才会使用,如 name=null;
  • undefined表示当声明一个变量但未初始化时,该变量的默认值是undefined。还有就是函数无明确的返回值时,返回的也是undefined。

  null表示变量的值是空(null可以手动清空一个变量的值,使得该变量变为object类型,值为null),undefined则表示只声明了变量,但没有赋值。

 对象(object)

  JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。

  JavaScript 提供多个内建对象,比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。

数组

  数组对象的作用是:使用单独的变量名来存储一系列的值。类似于Python中的列表

  常用方法:

方法 说明
.length 数组的大小
.push(ele) 尾部追加元素
.pop() 获取尾部的元素
.unshift(ele) 头部插入元素
.shift() 头部移除元素
.slice(start, end) 切片
.reverse() 反转
.join(seq) 将数组元素连接成字符串
.concat(val, ...) 连接数组
.sort() 排序
.forEach() 将数组的每个元素传递给回调函数
.splice() 删除元素,并向数组添加新元素。
.map() 返回一个数组元素调用函数处理后的值的新数组

可以使用以下方式遍历数组中的元素:

var a = [10, 20, 30, 40];
for (var i=0;i<a.length;i++) {
  console.log(i);
}

for(判断条件){结果}

 类型查询

//相当于python中的type
typeof "abc"  // "string"
typeof null  // "object"
typeof true  // "boolean"
typeof 123 // "number"

  typeof是一个一元运算符(就像++,--,!,- 等一元运算符),不是一个函数,也不是一个语句。对变量或值调用 typeof 运算符将返回下列值之一:

  • undefined - 如果变量是 Undefined 类型的
  • boolean - 如果变量是 Boolean 类型的
  • number - 如果变量是 Number 类型的
  • string - 如果变量是 String 类型的
  • object - 如果变量是一种引用类型或 Null 类型的

运算符

算数运算符

+ - * / % ++ --
var x=10;
var res1=x++;
var res2=++x;

res1;
10
res2;
12

这里由于的x++和++x在出现赋值运算式,x++先赋值再进行自增1运算,而++x先进行自增运算再赋值

比较运算符

> >= < <= != == === !==

注意:

复制代码
1 == “1”  // true  弱等于
1 === "1"  // false 强等于  (两方类型必须要一致)
//上面这张情况出现的原因在于JS是一门弱类型语言(会自动转换数据类型),所以当你用两个等号进行比较时,JS内部会自动先将
数值类型的1转换成字符串类型的1再进行比较,所以我们以后写JS涉及到比较时尽量用三等号来强制限制类型,防止判断错误
复制代码

逻辑运算符

&& || !

赋值运算符

= += -= *= /=

流程控制

1.if  -- else

2.if   -- else  if  --  else

3.switch  。switch中的case子句通常都会加break语句,否则程序会继续执行后续case中的语句。

4.if

5.while

6.三元运算

var a = 1;
var b = 2;
var c = a > b ? a : b
//这里的三元运算顺序是先写判断条件a>b再写条件成立返回的值为a,条件不成立返回的值为b;三元运算可以嵌套使用;

内置对象和方法

自定义对象

JavaScript的对象(Object)本质上是键值对的集合(Hash结构),但是只能用字符串作为键

创建对象:

var person=new Object();  // 创建一个person对象
person.name="Alex";  // person对象的name属性
person.age=18;  // person对象的age属性

Date对象

创建Date对象

复制代码
//方法1:不指定参数
var d1 = new Date();
console.log(d1.toLocaleString());

Date对象的方法:

var d = new Date(); 
//getDate()                 获取日
//getDay ()                 获取星期
//getMonth ()               获取月(0-11)
//getFullYear ()            获取完整年份
//getYear ()                获取年
//getHours ()               获取小时
//getMinutes ()             获取分钟
//getSeconds ()             获取秒
//getMilliseconds ()        获取毫秒
//getTime ()                返回累计毫秒数(从1970/1/1午夜)

JSON对象

var str1 = '{"name": "Alex", "age": 18}';
var obj1 = {"name": "Alex", "age": 18};
// JSON字符串转换成对象
var obj = JSON.parse(str1); 
// 对象转换成JSON字符串
var str = JSON.stringify(obj1);

猜你喜欢

转载自www.cnblogs.com/blue-tea/p/11502764.html