【初入前端】第五课 课前预习

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录 一、js基础引用输出注释 二、语法1.标识符2.数据类型类型分类typeof 运算符StringNumberBooleanUndefinedNull 3、强制类型转换转换为String类型 转换为Number类型转换为Boolean类型 语句 三、函数1.函数创建2.函数调用嵌套函数匿名函数对象中的函数

---

一、js基础 引用

1.标签引用

<script>
    alert("Hello,World!");
script>

2.文件引用
在一个js文件中编写JavaScript代码，然后在HTML文件中使用script标签进行引用。

main.html
<script src="main.js">script>
main.js
alert("Hello,World!");

输出

1.页面输出

<script>
    document.write("Hello,World!");
script>

2.控制台输出（页面按F12d出控制台）

<script>
    console.log("输出一条日志");
    console.info("输出一条信息");
    console.warn("输出一条警告");
    console.error("输出一条错误");
script>

3.d出窗口输出

<script>
    alert("Hello,World!");
script>

注释 单行注释：// 注释内容多行注释：/* 注释内容 */ 二、语法 1.标识符

标识符，指给变量、函数、属性或函数的参数起名字。
规则

第一个字符不能是数字由字母、下划线、美元符号或数字组成按照惯例，采用驼峰命名法标识符不能是关键字和保留字符 2.数据类型 类型分类

JavaScript中有5种基本数据类型：

字符串型（String）数值型（Number）布尔型（Boolean）undefined型（Undefined）null型（Null）

这5种之外的类型都称为Object

typeof 运算符

console.log(typeof 123);   //number
console.log(typeof "Hello,World!");  //string
console.log(typeof true);  //boolean
console.log(typeof undefined);  //undefined
console.log(typeof null);  //object

String

转义字符

Number Number表示的数字大小是有限的，如果超过了这个范围，则会返回 ±Infinity。最大值：+1.7976931348623157e+308最小值：-1.7976931348623157e+3080以上的最小值：5e-324特殊的数字： Infinity：正无穷 ， -Infinity：负无穷， NaN：非法数字二进制：0b ，八进制：0 ，十六进制：0x Boolean 只取true和false两种数值 Undefined 只有一个值，即特殊的 undefined。在使用 var 声明变量但未对其加以初始化时，这个变量的值就是 undefined使用typeof对没有初始化和没有声明的变量，会返回“undefined” Null 第二个只有一个值的数据类型，这个特殊的值是 null。undefined值实际上是由null值衍生出来的用typeof检查null会返回一个Object。 3、强制类型转换 转换为String类型

1、toString()方法 null和undefined这两个值没有toString()方法

var a = 123;
a = a.toString();
console.log(a);
console.log(typeof a);

2、调用String()函数

对于number和boolean，相当于调用的toString()方法对于null和undefined，会将 null 直接转换为 “null”，将 undefined 直接转换为 “undefined”

var a = 123;
a = String(a);
console.log(a);
console.log(typeof a);

3、为任意的数据类型 +“”

var a = 123;
a = a + "";
console.log(a);
console.log(typeof a);

转换为Number类型

1、使用Number()函数

字符串 – 数字

纯数字：数字有非数字的内容: NaN空串: 0

布尔 – 数字

true 转成 1false 转成 0

null – 数字

null ： 0

undefined – 数字

undefined ： NaN

2、parseInt() 把一个字符串转换为一个整数

var a = "123";
a = parseInt(a);
console.log(a);
console.log(typeof a);

3、parseFloat() 把一个字符串转换为一个浮点数

var a = "123.456";
a = parseFloat(a);
console.log(a);
console.log(typeof a);

转换为Boolean类型

使用Boolean()函数

数字 — 布尔
除了0和NaN，其余的：true字符串 — 布尔
null和undefined：false 语句 if elseswitch…casewhiledo…whilefor 三、函数 1.函数创建

使用 函数对象 来创建一个函数（hardly）

var 函数名 = new Function("执行语句");
eg：
	var fun = new Function("console.log("第一个函数");");

使用 函数声明 来创建一个函数（always）

function 函数名([形参1,形参2,...,形参n]) {
    语句...
}
eg:
function fun(){
    console.log("第二个函数");
}

使用 函数表达式 来创建一个函数（usually）

var 函数名  = function([形参1,形参2,...,形参N]) {
    语句....
}
eg：
var fun  = function() {
    console.log("这是我的第三个函数");
}

2.函数调用

无参函数调用：

var fun = function () {
    console.log("hello");
}

对于有参函数调用：
// 函数声明
var sum = function (num1, num2) {
    var result = num1 + num2;
    console.log("num1 + num2 = " + result);
}
// 函数调用
sum(10, 20);

嵌套函数

function big() {
    function small() {
        console.log("hello")
    }
    small();
}
big();

匿名函数

没有名字的函数就是匿名函数

var fun = function () {
    alert("我是一个匿名函数");
}
fun();

对象中的函数

对象的属性值可以是任何的数据类型，也可以是个函数。

var person = {
    name: lpp",
    age: 18,
    sayHello: function () {
        console.log(name + " hello")
    }
}
person.sayHello();