【JavaScript】快速学习JS

JS区分大小写,后面的分号可有可无;

输出语句

window.alter()  // 写入警告框;在浏览器中的警告弹窗输出

document.write() // 写入html输出;在html页面中输出

console.log() // 写入浏览器控制台;在控制台输出


变量

变量可以存放不同类型的值;

var声明的变量是全局变量;var可以重复定义同一个变量

let定义的变量是局部变量;let不可以重复定义同一个变量

const修饰的常量不能改变;

(var  a = 10; a = “张三”// 后面的值会将前面的值覆盖)


数据类型

原始类型、引用类型

原始类型:number(数字)、String(字符串)、boolean(布尔)、null(对象为空)、undefined(声明的变量没有初始化,默认值);

typeof运算符(可以获取数据类型)alter(typedef 变量值); // 弹出变量类型


运算符

比较运算符:其他运算符都是和C语言一样的

== // 会先进行类型转换,再进行比较;

=== // 全等运算符,类型不同直接返回false,不会进行类型转换;


类型转换

字符串转化为数字(使用parseInt),转换出来的不是数字就转化为NaN

其他类型转换为loobean

1:数字转换为布尔类型(0和NaN转换出来时false,其他数字全是true)

2:字符串转化为布尔类型(除了空字符串为false,其他全为true)

3:Null和defined转化均为false


函数(相当于java中的方法)

function定义函数 ;//在函数调用时可以传递任意个参数

function 函数名(参数,参数 ...)// 不需要指定方法返回值,也不需要指定参数类型

{

    // 执行代码

}

var 函数名 = function(参数,参数...)

{

    // 执行代码

}


对象:Array、String、JSON、BOM、DOM

自定义对象

var 对象名 = {属性1:属性值,属性2:属性值,函数名:function(参数,参数...){}};

调用对象方法

对象名.属性名;

对象名.函数名;


Array数组

var 变量名 = new Array(元素列表);

var 变量名 = [元素列表];

// 数组特点:长度可变、类型可变

length(属性)

数组名.length // 获取数组的元素个数

(下面三个是方法)

1、数组名.forEach(function(e)){console.log(e)}

  • // 遍历数组中每个有值的元素、并调用一次传入函数
  • // e表示遍历到的有值元素(箭头函数:可以省略function, 在参数后加=>)
  • // forEach(e)=>){console.log(e)}

2、数组名.push(加入的元素值) // 将新元素添加到数组末尾,返回新数组长度

3、数组名.splice(开始的下标,删几个元素) // 从数组中删除元素


String字符串

var 变量名 = new String("");

var 变量名 = “”;

(属性)

变量名.length // 字符串的长度

(方法)

charAt() // 返回指定位置的字符串;在括号内写下标

indexOf() // 检索字符串;括号内输入字符串

trim() // 去除字符串两边的空格

substring(start,end) // 提取字符串中两个指定的索引号之间的字符;开始下标,结束下标(含头不含尾,所以尾加1)


JSON字符串

JSON对象标记法,通过对象标记法写的文本

JSON多用于数据载体,在网络中进行数据传递

JSON先用单引号引起,key值使用双引号引起,value的数据类型:数字、字符串(双引号引起)、逻辑值(false、true)、数组(在方括号中)、对象(在大括号中)、null

var 变量名 = ‘{“key1”:value1,“key2”:value2}’;

var use = “{“name”:“张三”,“address”:[“成都”,“西安”]}”;

JSON字符串转化为JS对象

var obj = JSON.parse(JSON变量名);

JS对象转化为JSON字符串

var json = JSON.stringify(obj对象名);


BOM对象

BOM浏览器对象模型

Window:浏览器窗口对象

Location:浏览器地址对象

属性

history:获取历史记录这个对象的

location:获取地址栏对象的;

navigator:获取浏览器对象的

方法:

alert():显示确认按钮的警告框

confirm(“提示信息”):显示取消和确定按钮的对话框;// confirm方法是有返回值的,点击确认是true,点击取消是false;

setInterval(function(参数){},3000):周期性执行某个函数、计算表达式

setTimeout(function(参数{},3000)):延迟指定时间(只执行一次)

location:获取浏览器窗口

// location.href (这是拿到当前地址栏的对象)

//  location.href = "新地址"; // 先到当前地址,再跳转到新地址

你可能感兴趣的:(javascript,学习,前端)