JavaScript学习笔记(一) JavaScript 快速入门

JavaScript入门

---

请永远保持一颗怀疑之心，因为文字所记录的，不一定是真实。---- 布拉德·瑞德

---

基础知识

---

变量

JavaScript定义变量时不需要指定其类型，用关键字var声明即可，变量名不能为JavaScript中的关键字，不能以数字开头；

var name；//声明变量name，未赋值的变量值均为undefined
var age=20；
var sex=’女‘；

---

输出

通常使用浏览器console控制台(浏览器中F12,选择console)调试JavaScript代码

//所有语言的入门仪式
console.log("Hello JavaScript")
//代码输入后 按下回车即可

输出变量

var name="JavaScript";
var sex;
console.log("Hello "+name);
//console.log(age);//未声明的变量 会报错
console.log(sex);//未赋值的变量 输出为undefined

---

注释

//单行注释

/*
多行注释
*/

---

数据类型

---

数值

JavaScript中数值没有int，float之分；统一用Number；使用和其他语言一样

var a=20; //整数
var b=20.0; //浮点数
var c=2.0e1; //科学计数法
var d=NaN; //非数字
var e=Infinity; //无穷大
console.log(a,b,c,d);
//所有的运算与其他语言一致
console.log("a+b:",a+b);
console.log("a-b:",a-b);
console.log("a*b:",a*b);
console.log("a/b:",a/b);

---

字符串

JavaScript和python一样，单引号和双引号都可用于标识字符串

var name='JavaScript'; //单引号
console.log(name);
name="JavaScript"; //双引号
console.log(name);
name="'字符串中有单引号'"
console.log(name);
name='"字符串中有双引号"'
console.log(name);
//通过转义字符\来取消单、双引号的意义
name='字符串\'中既有单引号\"\"又有双引号'
console.log(name);

---

多行字符串

//用反引号(位于tab键上)标识多行字符串(ES6标准，有些浏览器可能不支持)
var str=`多行
字符串
一`;
console.log(str);
//在每一行的后面加\n
var str='多行\n'+
'字符串\n'+
'二';
console.log(str);

---

模板字符串

ES6(需要浏览器支持才行)新增一种模板字符串来方便字符串拼接

var name="Maria";
var place="CSDN";
var str=`Hello ${name}, this is ${place}`;
console.log(str);

---

字符串索引

字符串和数组一样，可以通过索引来访问其中的元素

var str=`Hello, this is csdn`;
console.log(str[0],str[5]);
//超过索引的下标不会报错，返回值为undefined
console.log(str[str.length+1],str[str.length+1])

JavaScript中字符串不可变，直接对字符串元素进行修改后不会有任何效果

var str=`Hello, this is csdn`;
console.log(str[0],str[5]);
str[0]='M';
str[5]='o';
console.log(str[0],str[5]);

常用方法

这些方法不会改变源字符串的值，而是返回一个新的字符串

方法	作用
toUpperCase()	将字符串全变为大写
toLowerCase()	将字符串全变为小写
indexOf()	返回指定字符串在目标字符串中出现的位置
substring()	返回指定索引区间的字符串