1、脚本标签

1) 可以通过<script> 标签将javaScript 代码添加到页面中 (type 和language 属性不是必须的)

2)外部的脚本可以通过 <script src="path/*.js" > </script> 这种方式插入

示例1:

<!DOCTYPE HTML>
<html>
<body>
<p>script 标签之前...</p>
<script>
alert('Hello, world!');
</script>
<p>...script 标签之后</p>
</body>
</html>

示例2:

js 文件 和html分开

//js代码 js文件名位hello.js 路径位 path/hello.js
alert('hello') html代码
<!DOCTYPE HTML>
<html>
<body> <script src="path/hello.js"> </script> </body> </html>

2、代码结构

语句:语句是执行操作的语法结构和命令

分号:多数情况下,当一个分行符(line break) 存在时, 分号可以省略

alert('hello')
alert('world')
//此处 JavaScript 将分行符解释成“隐式” 的分号。这也被成为自动分号插入

不被解释成分号的例子

alert(3+
1
+3);
//1后面不会被解释成分号

错误举例

alert("There will be an error") //此处无分号
[1,2].forEach(alert)
//这样会运行错误, 因为javascript 不会在 [] 前自动加隐式分号
alert("this is right");
[1,2].forEach(alert)
//运行正确

注释

//这样是单行注释

/* 这样是多行注释
注意多行注释不能嵌套多行注释
*/

3、现代模式,“use strict"

  ”use strict" 指令将浏览器引擎转换位“现代模式”

  严格模式通过将“use strict" 放置在整个脚本或函数的顶部来启用一些新语言特性诸如 “classes” 和 “modules” 也会自动开启严格模式。

  所有浏览器支持现代模式

4、变量

  变量的作用是用来存储信息;

  声明变量的方式 通过 var 、let 、const

  var 是旧时的命名方式;let 为新时代的命名方式;差别放在以后介绍。

  const 用来定义常量,此关键字定义出来的常量不可更改

  变量命名规则:1、变量名称必须仅包含字母,数字,符号 $_。2、首字符必须非数字。

  示例

let name1="xiaoming";
let _ ="xiaohong";
let $="xiaozhang";
//以上命名都是正确的
let 123Name="test" //此处命名是错误的
const MAX =1000; //
MAX=2;//错误,const 定义的值是不可更改的
//不能使用关键字当做变量名 let var ="2" //错误 //变量命名 一定要规范,规范的命名方式可以提高代码的可读性

5、数据类型

  javaScript 拥有数据类型,但是变量并不限于数据类型中的任何一个。即javaScript 语言称为“动态类型“ 编程语言。

示例:let messgae="hello";   message=123465;

  JavaScript 中有七中基本的数据类型

  number 用于任何类型的数字:整数或者浮点数。

    Infinity 最大值 得到方式任何数除以0  alert(1/0) ;//Infinity 或者alert(Infinity)

    NaN  代表计算错误  并且具有粘性  一步出错,最终结果都为NaN  alert("string"/2);//NaN

  string 用于字符串。一个字符串可以包含一个或者多个字符,所以没有单独的单字符类型

    

  在 JavaScript 中,有三种包含字符串的方式。

    1. 双引号: "Hello".
    2. 单引号: 'Hello'.
    3. 反引号: `Hello`.

  

  boolean 用于true 和 false。

  null 用于未知的值          只有一个null 值的独立类型

  undefined 用于未定义的值-------只有一个undefined 值的独立类型

  object 用于复杂的数据结构

  symbol 用于唯一的标识符

  typeof 运算符可以查看变量的类型

  两种形式 typeof x 或者 typeof(x)

  返回的类型的字符串,比如“string"

  nul 返回”object" --------这是语言中的一个错误,实际上它并不是一个对象。

  typeof运算符示例:

  

6、类型转换

  三种常见类型转换:转换为string 类型;转换为 number 类型; 转换 为boolean 类型

  ToString:输出内容时转换发生,或通过 String(value) 进行显式转换。原始类型值的 string 类型转换通常是很明显的。

  ToNumber:进行算术操作时转换发生,或通过 Number(value) 进行显式转换。

  ToNumber 转换遵循一下规则

  

  ToBoolean:进行逻辑操作时转换发生。或通过 Boolean(value) 进行显式转换。

  ToBoolean 遵循以下规则

  

  注意事项:

  • undefined 进行 ToNumber 时变成 NaN,而非 0
  • "0" 和只有空格的字符串(比如:" " )在进行 boolean 转换时变成 true

javascript 基础知识汇总(一)的更多相关文章

  1. JavaScript基础知识汇总

    1. 图片热区: <img src="logo.jpg" usemap="#logo"> <map id="logo" n ...

  2. javaScript 基础知识汇总(三)

    1.循环:while 和 for while 循环 while(condition){ //代码 循环体 } do ... while  循环 let i =0; do { //循环体 }while( ...

  3. javaScript 基础知识汇总(六)

    1.基本类型与对象的区别 基本类型:是原始类型的中的一种值. 在JavaScript中有6中基本类型:string number  boolean  symbol  null  undefined 对 ...

  4. javaScript 基础知识汇总(五)

    1.垃圾回收 JavaScript 的内存管理是自动的,不能强制执行或者阻止执行 可达性 JavaScript中主要的内存管理概念是可达性. 什么是可达性? 定义一个对象 let user = { n ...

  5. javaScript 基础知识汇总(二)

    1.运算符 术语或者叫法:一元运算符.二元运算符.运算元(参数) let x=0; x=5+2; //5和2为运算元,“+” 为二元运算符: x=-x; //"-" 为一元运算符 ...

  6. javaScript 基础知识汇总 (十三)

    1.Class 在JavaScript中 calss即类是一种函数 基本语法 class Myclass{ constructor(){} method1(){} method2(){} method ...

  7. javaScript 基础知识汇总(七)

    1.数组 特点:数组是可以存储有序集合的对象. 声明: let arr = new Array();   let arr=[]; 大多数情况下我们使用第二种. let fruits = [" ...

  8. javaScript 基础知识汇总 (十)

    1.New Function 语法:let func = new Function ([arg1[, arg2[, ...argN]],] functionBody) //无参数示例: let say ...

  9. javaScript 基础知识汇总 (十一)

    1.柯里化和偏函数 偏函数 假如一个函数有两个参数,然后第一个参数我们调用的时候是确定的,那么我门就可以创建一个偏函数来简化参数传递的问题 示例 function mul(a,b){ return a ...

随机推荐

  1. JVM指令

    本篇指令码表,参考自ASM文档手册,如果你对asm感兴趣,可到ASM官网下载手册学习. 一.本地变量操作指令(I,L,F,D,A这些前缀表示对int,long,float,double,引用进行操作) ...

  2. sklearn 第二篇:数据预处理

    sklearn.preprocessing包提供了几个常用的转换函数,用于把原始特征向量转换为更适合估计器的表示. 转化器(Transformer)用于对数据的处理,例如标准化.降维以及特征选择等,提 ...

  3. 前端js性能优化的要点

    1 尽量少使用全局查找,比如全局变量,如果要多次使用,可以将全局变量存为局部变量再使用 eg:function(){ var body=document.body; alert(body): body ...

  4. 原创:微信小程序如何使用自定义组件

    本博文是通过实际开发中的一个实例来讲解自定义组件的使用. 第一步:新建自定义组件目录,如图,我新建了个componts和tabList目录,然后右键tabList目录选择新建compont取名为tab ...

  5. dubbo文档笔记

    配置覆盖关系 以 timeout 为例,显示了配置的查找顺序,其它 retries, loadbalance, actives 等类似: 方法级优先,接口级次之,全局配置再次之. 如果级别一样,则消费 ...

  6. S2:面向对象

    面向对象七大设计原则 1. 开闭原则 2. 里氏替换原则 3. 单一职责原则 4. 接口隔离原则 5. 依赖倒置原则 6. 迪米特原则 7.组合/聚合复用原则 原则一:(SRP:Single resp ...

  7. xml的四种解析方式(转载)

    众所周知,现在解析XML的方法越来越多,但主流的方法也就四种,即:DOM.SAX.JDOM和DOM4J 下面首先给出这四种方法的jar包下载地址 DOM:在现在的Java JDK里都自带了,在xml- ...

  8. template.demo.js

    <!DOCTYPE html><html><head> <title>index</title> <meta charset=&quo ...

  9. Pandas 库之 DataFrame

    How to use DataFrame ? 简介 创建 DataFrame 查看与筛选数据:行列选取 DataFrame 数据操作:增删改 一.About DataFrame DataFrame 是 ...

  10. Java源码之阻塞队列

    ⑴背景 阻塞队列常用于生产者消费者场景,生产者是向队列里添加元素的线程,消费者是向队列里取出元素的线程.阻塞队列的角色是供生产者存放元素,消费者取出元素的容器. ⑵阻塞队列 阻塞队列是一个支持两个附加 ...