js基础知识点总结

转义字符

' 普通单引号

栗子:

var str = '"tsy" love U, \'dan\'';

" 普通双引号

栗子:

 var str = "\"tsy\" love U, 'dan'";

\n 换行

栗子:

console.log("abc\ndefg");// abc  // defg

操作运算符

算术运算符

  • % 表示取余
    栗子:
  • console.log(12 % 10); //2
  • +号有拼接 和 运算两个功能,如果两边都是数字才运算
    栗子:
    console.log(10 + "10"); //1010
    //+号两边只要有字符串,就是拼接功能
    console.log(10 + 10); //20
    //+号两边都是数字才是运算功能
  • -*/%号只有运算功能,不管两边是不是数字,都是运算功能
    栗子:
    console.log(10 - '10'); //0
    console.log(10 * 10); //100
    console.log(10 / 10); //1
    console.log(12 % 9); //3

赋值运算符

在编程语言中,=表示赋值,(== === 才是用来判断是否相等的)

  • += 先加再赋值
    num += 10 可以写成 num = num + 10
  • -=先减再赋值
    num -= 10 可以写成 num = num - 10

一元运算符

一元运算符又叫自增、自减运算符

自增:让变量的值在原来的基础上+1

(1) ++age 前自增 先让这个值+1,再返回这个值

var age = 18;
++age;
console.log(age); //11

(2) age++ 后自增 先返回这个值,再让这个值+1

var age = 18;
age++;
console.log(age); //11

不管是前自增,还是后自增,都是让值+1

区别:++age 和 age++ 这个式子的结果是不一样的

var age = 18;
var result = age++;
console.log(result); //18
console.log(age); //19

var age = 18;
var result = ++age;
console.log(result); //19
console.log(age); //19

逻辑运算符

逻辑运算有三种:&& || !

  • && 并且 两边同时满足时,才为真

注意点:&&从左往有取第一个为假的值,返回这个假值;如果没有假值,就取最后一个为真的值(不取布尔值)

栗子:

console.log(0 && undefined && "0"); //0

console.log(true && 456 && "0"); //'0'
  • || 或者 两边只要有一个满足,就为真

注意点:||从左往后取第一个为真的值,最后一个为假的值(不取布尔值)

栗子:

console.log('hello' || 456 || "0");

console.log('' || 23 || ""); //23
  • ! 取反

栗子:

console.log(!123); //false

比较运算符

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

栗子:

console.log(true > 2); //false

console.log(true >= 1); //true

console.log(123 == '123'); //true 只看数值不看类型

console.log(123 === '123'); //false 同时看类型和数值

console.log(123 != '123'); //false

console.log(123 !== '123'); //true 判断值或者类型是否不等, 只要有一个不相等, 就是不等

运算符优先级

优先级的高低排列:

  1. 括号的优先级最高
  2. 一元运算符 ++ -- !
  3. 算数运算符 先乘除% 后 + -
  4. 比较运算符 > < >=
  5. 逻辑运算符 && || && > ||
  6. 三元表达式
  7. 赋值运算符

类型转换

转换成数字类型的方法

(1) Number()

栗子:

var str = '66';
console.log(Number(str)); //66

(2) parseInt()

栗子:

var str = parseInt('88ab');
// parseInt 从第一个字符开始解析,解析到第一个非数字时,解析结束
console.log(str); //88

var str = parseInt('88.88');
// parseInt 从第一个字符开始解析,解析到第一个非数字时,解析结束
console.log(str); //88

(3) parentFloat()

栗子:

var str = parseFloat('88.8878');
console.log(str); //88.8878

var str = parseFloat('88.8878.66');
// parseFloat 从一个字符开始解析,只解析第一个小数点,再往后遇到第一个非数字或者第二个小数点时解析停止
console.log(str); //88.8878

(4) 直接运算 - / * % 正号 符号

栗子:

var a = '100';
console.log(a - 0); //100

var b = '100';
console.log(b * 1); //100

var c = '50';
console.log(c / 1); //50

var d = '200';
// 把字符串变成数字类型直接取正,这种方式推荐
console.log(+d); //200

var d = '300';
console.log(-d); //-300

console.log('true' - 0); //NaN

转换成string类型

(1) String()

栗子:

var num = 10;
console.log(String(num));

(2) xx.toString()

栗子:

var num = 10;
console.log(num.toString()); //'10'

(3) 拼串

栗子:

var num = 20;
// 拼串最为常见 变量 + ""
console.log(num + ''); //'20'

转换成Boolean布尔类型

六个转化为boolean布尔类型报错的值有:""、null、undefined、NaN、0、false

(1) Boolean()

栗子:

console.log(0); //0
// 数字0转化为布尔类型时,值为false
console.log(Boolean(0)); //false

console.log(""); //空字符串
console.log(Boolean("")); //false

(2) !!a

栗子:

var a = 'hello'
console.log(!!a); //true

流程控制

if 语句

使用:用来判断范围,使用if...else...更方便

模板:

if (条件 1){
    //当条件 1 为 true 时执行的代码
} 
else if (条件 2) {
    //当条件 2 为 true 时执行的代码
} 
else {
    //当条件 1 和 条件 2 都不为 true 时执行的代码
}

三元表达式

使用:用于简单的判断

用法1:
var 结果 = 判断条件 ? 值1 : 值2 
如果判断条件为true, 结果就是值1, 如果为false, 结果就是 值2

switch...case 语句

switch..case适用于具体的值的判断

语法格式:

switch (变量) {
    case 值1:
        语句1;
        break;
    case 值2:
        语句2;
        break;
    case 值3:
        语句3;
        break;
    ......
    default:
        默认语句;
}

栗子:

var score = prompt("请输入您的成绩");
score = score / 10;
switch (score) {
   case 10:
      console.log("A");
      break;
   case 9:
      console.log("A");
      break;
   case 8:
      console.log("B");
      break;
   case 7:
      console.log("C");
      break;
   case 6:
      console.log("D");
      break;
   default:
      console.log("还需要继续努力哦!");
    }

注意点:

  • break可以省略,如果省略,代码会继续执行下一个case
  • switch 语句在比较值时使用的是全等操作符, 因此不会发生类型转换(例如,字符串'10' 不等于数值 10)

回调函数

把函数当成参数进行传递,这个当成参数进行传递的函数,就是回调函数

var result = [], n, i;
|| 两个表达式等价
var result = []
var n;
var i

this指向易错点:

arguments[0]()调用某个函数时,this指向arguments

obj['get']()调用get函数时,this指向obj
var p = 123;
(function () {
    console.log(p) //123
})()

静态成员和实例成员

静态成员:属性和方法直接给构造函数添加
写法: 构造函数.成员

实例成员:属性和方法直接给实例添加的(原型上的成员也是实例成员)
写法: 实例.成员

位运算符

使用场景: 取整

原理: 位运算符会丢掉小数部分

console.log(6.8 | 0) ===> 111 | 000 

![] == [] ==> false == [] ==> 0 == 0 true

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,504评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,434评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,089评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,378评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,472评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,506评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,519评论 3 413
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,292评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,738评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,022评论 2 329
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,194评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,873评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,536评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,162评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,413评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,075评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,080评论 2 352

推荐阅读更多精彩内容