①初识JavaScript

1输入和输出方式

1.1输出

在JavaScript中有两种输出方式

  1. alert()内置函数:在浏览器中弹出一个警示窗口警示,我们可以用来调试程序。就相当于在其他语言中的代码调试一样,在执行代码的过程中会停止在这个地方,执行完这个部分的代码会继续执行剩余部分的内容。
  2. console.log():在控制台中输出信息

其代码表示为:


	

alert()内置函数会在浏览器中弹出“内置函数这个界面框(如下图1-1所示)”。

console.log()会在控制台显示出来,(如下图1-2所示)(我们可以通过(FN + F12) 然后点击console)。

①初识JavaScript_第1张图片

图1-1alert()

 图1-2console.log()

1.2输入

在JavaScript中可以使用prompt()内置函数来进行输入。


	
  1.  prompt()是JavaScript的内置函数,我们可以直接使用无需创建。
  2. 这个对象有两个参数,第一是是提示信息,第二个是输入框内的默认值。
  3. 这个对象有一个返回结果--->就是我们输入的内容

2变量

2.1变量的定义

变量是给某一个值或对象标识进行一个名称的定义,它是程序在内存中申请的一块用来存放数据的空间。

2.2变量的使用

变量的使用分为两步

声明变量

        声明变量需要使用var关键字。

//var 变量名称;(格式)
var num;
  1.         在JavaScript中var是一个定义变量的关键字。使用这个关键字来定义后,就会在内存中开辟一份空间来进行存储。
  2. 当定义好这个变量后,就可以通过这个变量名称引用他的存储空间。

使用变量 

2.3变量的命名规则

  1. 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成。如:age, num01, _name
  2. 严格区分大小写。如:var app var App 是两个变量
  3. 不能以数字开头。如:18age 是错误的
  4. 不能是关键字、保留字。例如:varforwhile
  5. 变量名必须有意义。
  6. 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。如:loginUserN

3数据类型

JavaScript有以下几种数据类型;

  1. 数值型(Number)
  2. 字符串(String)
  3. 布尔型(Boolean)
  4. null(Null)
  5. undefined(Undefined)
  6. object(Object)

基本数据类型(1,2,3,4,5)

引用数据类型(6)

3.1数值型(Number)

数值型包括小数和整数。

最常见的为:二进制数(0b)、10进制数、八进制数(0o)、十六进制数(0x)。

判断数据类型可以用typeof关键字来进行判断

typeof 变量名称

console.log(typeof a);

最大值:MaxValue

console . log ( Number . MAX_VALUE ); // 1.7976931348623157e+308

最小值:Minvalue

console . log ( Number . MIN_VALUE ); // 5e-324

无穷大:Infinity

console . log ( Number . MAX_VALUE * 2 ); // Infinity

我们在JavaScript中可以通过isNAN来判断是否为数值类型

通过代码我们可以发现对于isNaN()

  • 如果这个值不是数字、undefined,就返回true。表示这个变量不是数值类型’
  • 如果这个值是数字、布尔类型、null就返回false,表示这个变量是数值类型。

3.2字符串(String)

在JavaScript中,字符串类型需要定义在英文的单引号或双引号中。但由于HTML中使用的是双引号,所以在JavaScript中建议使用单引号。

1.获取字符串的长度

var str1 = '今天天气不错'
var str2 = '可以睡个午觉'
var str3 = "需要坚持!" 
// 得到字符串的长度,通过字符串的 length 属性 
var len = str1.length; console.log(len); // 6 
len = str2.length console.log(len);

通过字符串的length属性可以获取该变量的值对应的长度。

2.字符串拼接

在JavaScript中可以使用   +    来进行拼接。会将自负床连接起来形成一个新的字符串。

这个拼接出来的新字符串会重新在内存中有一个空间来进行存储。

因此,尽量少使用这种占内存的拼接方式。

除了字符串与字符串之间可以使用 + 号外,数值与字符串之间也可以使用 + 来拼接。例如:
// 字符串与数值类型拼接 
var str5 = '2';
console.log(typeof str5); // string 
var str6 = 0; console.log(typeof str6); // number 
var str7 = str5 + str6; console.log(typeof str7); // string 
console.log(str7); // 20

当数值类型和字符串类型进行  +  操作时,会把数值类型的变量转换为字符串类型的变量,然后再进行拼接。

3.3布尔类型(Boolean)

布尔类型有两个值:true(真)、false(假)

var b1 = true; 
var b2 = false; 
console.log(typeof b1, typeof b2); 
console.log(b1, b2);


	

说明:

  1. 当布尔类型和数值类型进行算数运算时,会把布尔类型的值转换为数值类型的值。
  2. 如果这个布尔类型的值为true,他就会转换为数值类型的1.如果布尔类型的值是false,他就会转换成数值类型的0。

var b1 = true; 
var b5 = b1 + '3'; 
console.log(b5); // true3

说明

如果布尔类型和字符串类型进行拼接时,就会把布尔类型的变量值转换为字符串,然后再对其进行拼接操作。

 3.4null和undefined

var s = null; 
console.log(typeof s); // object 
console.log(s); // null 
var u = undefined; 
console.log(typeof u); // undefined 
console.log(u); // undefined




//当变量声明后,没有给这个变量赋值就使用这个变量时,会得到 undefined。
var n; 
console.log(n); // undefined

4.类型转换

在JavaScript有以下几种转换方式:

  1. 转换为字符串
  2. 转换为数值类型
  3. 转换为布尔类型

你可能感兴趣的:(javascript,前端,开发语言)