美文网首页Vue.js
JS初学笔记

JS初学笔记

作者: Topus | 来源:发表于2018-10-10 11:13 被阅读4次

>快速入门


一、基本语法

  1. JavaScript严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常

二、数据类型和变量

  1. 数据类型:JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型,NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示 Infinity; // Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity
  2. 第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果;第二种是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较
  3. 另一个例外是NaN这个特殊的Number与所有其他值都不相等,包括它自己
  4. 创建数组的方法:new Array(1, 2, 3); // 创建了数组[1, 2, 3]
  5. strict模式:'use strict';如果一个变量没有通过var申明就被使用,那么该变量就自动被申明为全局变量

三、字符串

  1. 换行用console.log(`多行字符串测试`);反引号
  2. 要把多个字符串连接起来,可以用+号连接
    模板字符串:
    var name = '小明';
    var message = `你好, {name}, 你今年{age}岁了!`;
  3. toUpperCase()把一个字符串全部变为大写,toLowerCase()把一个字符串全部变为小写,indexOf()会搜索指定字符串出现的位置,substring()返回指定索引区间的子串

四、数组

  1. 要取得Array的长度,直接访问length属性
  2. 直接给Array的length赋一个新的值会导致Array大小的变化
  3. Array也可以通过indexOf()来搜索一个指定的元素的位置
  4. slice()就是对应String的substring()版本,它截取Array的部分元素,然后返回一个新的Array
  5. push()向Array的末尾添加若干元素,pop()则把Array的最后一个元素删除掉
  6. 如果要往Array的头部添加若干元素,使用unshift()方法,shift()方法则把Array的第一个元素删掉
  7. reverse()把整个Array的元素给掉个个,也就是反转
  8. sort()可以对当前Array进行排序,它会直接修改当前Array的元素位置,直接调用时,按照默认顺序排序
  9. join()方法是一个非常实用的方法,它把当前Array的每个元素都用指定的字符串连接起来,然后返回连接后的字符串
  10. concat()方法把当前的Array和另一个Array连接起来,并返回一个新的Array

五、对象

  1. JavaScript用一个{...}表示一个对象,键值对以xxx: xxx形式申明
  2. 访问属性是通过.操作符完成的,但这要求属性名必须是一个有效的变量名。如果属性名包含特殊字符,就必须用''括起来,访问这个属性也无法使用.操作符,必须用['xxx']来访问
    定义:’middle-school': 'No.1 Middle School' 访问: xiaohong['name']; // '小红'
  3. 要判断一个属性是否是xiaoming自身拥有的,而不是继承得到的,可以用hasOwnProperty()方法
    var xiaoming = {
    name: '小明'
    };
    xiaoming.hasOwnProperty('name'); // true
    xiaoming.hasOwnProperty('toString'); // false

六、条件判断

  1. else语句是可选的。如果语句块只包含一条语句,那么可以省略{}
  2. if...else...语句的执行特点是二选一,在多个if...else...语句中,如果某个条件成立,则后续就不再继续判断了
  3. 输入框函数:prompt('请输入身高(m):')

相关文章

  • JS初学笔记

    >快速入门 一、基本语法 JavaScript严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常 二、数据...

  • JS初学笔记

    http://nodeschool.io/zh-cn/ 本来因为想玩玩后台朋友推荐了一下node.js。然后在上面...

  • 从零开始学Vue(一)—— Vue.js 入门

    概述 vue.js作为现在笔记热门的JS框架,使用比较简单易上手,也成为很多公司首选的JS框架。 但是对于初学者可...

  • JS实现轮播-初学笔记

    前端学习时间不长,最近看完了第一遍高设,想着试着写一点东西,于是有了这个还不算好的轮播效果。(学习出处为慕课网) ...

  • Vue.js初学笔记

    1.安装vue.js 推荐使用淘宝的npm镜像: cnpm 运行项目后,在浏览器里打开localhost:8080...

  • JS初学

    注意事项 JS书写要求HTML不区分大小写JS严格区分大小写。JS标签,要注意书写的位置,位置太靠前可能会获取不到...

  • 初学JS

    初次接触JS,对一些基本概念进行探究。 this与优先级 this是一个完全根据调用点(函数是如何被调用的)而为每...

  • 初学js

    一、js全名javaScript: 原来传说中的js是干大事情的:1.做特效(感觉挺好玩的样子);2.前后台...

  • 初学JS

    首先我们先来了解一下JS的发展史: 1992年前后,Nombas公司发明了一种嵌入式脚本语言(C--)。 1995...

  • 【JavaScript】学习笔记-内置对象与常用方法

    (这篇笔记是在2015年初学时记的,可能有错误) JavaScript内置对象简介 本文介绍Js中13种标准内置对...

网友评论

    本文标题:JS初学笔记

    本文链接:https://www.haomeiwen.com/subject/zuzncftx.html