JavaScript入门

一、引入JavaScript

  • 内部标签
<script type="text/javascript">
            // script标签
</script>
  • 外部引入
<script type="text/javascript" src="script.js"></script>

二、常用指令

  • 弹出警告框
alert("!!!");
  • 向body中输出内容
document.write("哟呵!");
  • 向控制台输出内容
console.log("哪呢?");

三、注释(和Java一样)

  • 单行
//
  • 多行
/*

*/

四、控制台使用

  • 变量
var a=917;//声明、赋值变量
console.log("a");
  • 浏览器调试
  1. Elements【页面元素】:查看页面的HTML和CSS,也可在线修改元素的代码与属性
  2. Console【控制台】:写JavaScript代码并输出,使用console.log( );
  3. Sources【源代码】:监视工具可打断点,进行调试,刷新可跳至断点处
  4. Network【网络】:查看请求地址
  5. Application【应用程序】:记录网站加载的所有资源信息
    ①Local Storage:本地存储
    ②Session Storage:会话存储
    ③Cache Storage:本地缓存
    ④Cookies

五、数据类型

  • 变量
    标识符
  1. 以字母、下划线、$开头
  2. 包含字母、数字、下划线、$
  3. 不能是关键字或保留字
    (用拼音肯定没错!!!但很傻~~~)
  4. 驼峰命名法:首字母小写,每个单词开头字母大写,其余字母小写
    eg:helloWorld
  • 字符串(String)
  1. 用单引号或双引号引起来
  2. 可以使用\作转义字符
    \"(\')表示"(')
    \n表示换行
    \\表示\
    \ t 水平制表
    \ u### Unicode字符 例:\ u42d表示中
    \ x## 例:\ x41表示A
  • 数值(Number)
    JS不区分小数和整数。
    NaN:not a number
    Infinity:无穷
  • 布尔值(Boolean)
    ture,false
  • 空值(Null)
  1. 表示一个为空的对象
  2. 用typeof检查返回object
  • 未定义(Undifined)
  1. 当不给声明的变量赋值,它的值为undefined
  2. 用typeof检查返回undefined
  • 对象(Object)【复合数据类型】
    可以保存多个不同数据的类型
  1. 添加属性语法:对象.属性名=属性值
var obj  = {};
obj.name = "Q";
  1. 删除对象的属性
delete obj.name;
  1. 读取属性语法:对象.属性名
console.log(obj.name);

4.使用对象字面量,直接指定对象中的属性(常用!!!)
①用大括号括起
②属性间用逗号隔开,最后一个不用加

var obj = {
  name: "Q",
  age: 9,
  tags: ['js','C++','HTML']
}

若读取对象中没有的属性,不会报错而是返回undefined

  • 逻辑运算
    &&, ||,!
  • 比较运算符
    除>,<,>=,<=外
  1. =(赋值)
  2. ==(等于,类型不一样,值一样,结果也会为true)【自动类型转换】
  3. ===(全等,类型一样,值一样,结果才为true)【不做自动类型转换】
  4. !=(不等)
  5. !==(不全等)
    注意:NaN===NaN结果为false,isNaN(NaN)结果为true
  • 数组
  1. 用typeof检查返回object
  2. 若数组下标越界,不会报错而是返回undefined
var arr = [1,2,3,4,5,'hello',true,null];

六、严格检查模式

  • 'use strict';
    前提:IDEA设置为ECMAScript 6语法
    写在<script>和</script>中的第一行
    直接 i=1;会自动默认为全局变量,有时会出问题
    最好采用let i =1;定义局部变量
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容