javascript基础学习笔记

学习一些前端的知识

基本语法

1.HTML 中的脚本必须位于 < script > 与 < /script > 标签之间;脚本可被放置在 HTML 页面的 < body > 和 < head > 部分中

2.可以把脚本保存到外部文件中;外部 JavaScript 文件的文件扩展名是 .js;若使用外部文件,则在 < script > 标签的 “src” 属性中设置该 .js 文件:

< script src="myScript.js" >< /script >

注意:外部脚本不能包含 < script > 标签

3.注释

//这是单行注释

/*这是多行
注释*/

4.分隔符
分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号,使用分号的另一用处是在一行中编写多条语句。在 JavaScript 中,用分号来结束语句是可选的

变量

在 JavaScript 中创建变量通常称为“声明”变量

我们使用 var 关键词来声明变量

var a = 1;

未使用值来声明的变量,其值实际上是 undefined

如果重新声明 JavaScript 变量,该变量的值不会丢失

注意:

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

函数

函数就是包裹在花括号中的代码块,前面使用了关键词 function(关键词 function 必须是小写的)

function hanshu()
{

}

数据类型

检验数据类型

var a = 1;
typeof(a);

数据类型

1.number

var a = 1;

2.string

var a = '123';
var b = "1234";
var c = 'I\'m a child'; // \进行转义
a + b //拼接

3.boolean

var c = 3 < 4;
var c = true;
var c = false;

4.undefined
未定义的变量

var c;
c

5.null
空对象

var c = null;

6.array

var a = [1,2,3,4,5];
a.length //数组长度
a[0] //访问数组第一个元素
a[0] = 5 //修改第一个元素值

运算符

数学运算符

var c = 1 + 2; //加
var c = 1 - 2; //减
var c = 1 * 2; //乘
var c = 5 / 2; //除
var c = 5 % 3; //取余

赋值运算符

var c = 1
c += 5
c++
c--

数字和字符串转换

1.数值隐式转字符串:

var c = 'hello' + 1234; 
c //输出:hello1234

2.字符串转数值:

var c = '123';
var myNum = Number(c);

如果字符串中还含有其他字符:

var c = '123a';
var myNum = Number(c);

那么此时会显示NAN,即Not a Number

3.数值转字符串:

var c = 123;
var myStr = c.toString();

条件语句

var a = 1;
if(a === 1){
    alert(1);
}else if(a === 2){
    alert(2);
}else{
    alert(3);
}

对象

JS的所有事物都是对象

1.直接创建对象实例:

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

上述代替语法:

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

2.使用对象构造器:

function person(firstname,lastname,age,eyecolor)
{
    this.firstname=firstname;
    this.lastname=lastname;
    this.age=age;
    this.eyecolor=eyecolor;
}

this通常指向的是我们正在执行的函数本身,或者是指向该函数所属的对象

之后使用它来创建对象实例:

var gtfly = new person('gtfly', '123', 20, 'black');