初识Javascript

Javascript简称js,js是一种脚本语言,(js是一种解释性语言),是不需要进行编译的,也是浏览器中的一部分,经常用在web客户端脚本语言,主要是用来给html增加动态功能。 

JavaScript 的能做的事情:

网页开发(更复杂的特效和用户交互)

网页游戏开发服务器开发(node.js)

桌面程序开发(Electron, VSCode 就是这么来的)

手机 app 开发

JavaScript 和 HTML 和 CSS 之间的关系

HTML: 网页的结构(骨)

CSS: 网页的表现(皮)

JavaScript: 网页的行为(魂)

JavaScript 的编写形式

1.关联在HTML中进行

1)内部方式管理<script>js</script>

2)  外部引入<script src="js的资源的url"></script>

2.直接在浏览器的开发者工具的控制台进行编写(学习阶段)

JS的输入输出

 输入: prompt 

 弹出一个输入框

// 弹出一个输入框
prompt("请输入您的姓名:");

 输出: alert 

  弹出一个警示对话框, 输出结果

// 弹出一个输出框
alert("hello");

输出: console.log

在控制台打印一个日志

// 向控制台输出日志
console.log("这是一条日志");

语法概览 

变量的使用

var name = 'zhangsan';
var age = 20;

代码示例: 弹框提示用户输入信息, 再弹框显示. 

var name = prompt("请输入姓名:");
var age = prompt("请输入年龄:");
var score = prompt("请输入分数");
alert("您的姓名是: " + name);
alert("您的年龄是: " + age);
alert("您的分数是: " + score);

JS是动态类型

1) JS 的变量类型是程序运行过程中才确定的(运行到 = 语句才会确定类型)

2) 随着程序运行, 变量的类型可能会发生改变. 

这一点和 C Java 这种静态类型语言差异较大.

C, C++, Java, Go 等语言是静态类型语言. 一个变量在创建的时候类型就确定了, 不能在运行时发生改变. 如果尝试改变, 就会直接编译报错.

动态类型语言,脚本语言,解释性语言,胶水语言,弱类型语言:

js,python,perl,php...

静态类型语言,编译性语言,强类型语言:

c,c++,java...

基本数据类型

JS 中内置的几种类型number:

1)   数字. 不区分整数和小数.

2)   boolean: true 真, false 假.

3)string: 字符串类型.

4)undefined: 只有唯一的值 undefined. 表示未定义的值.

5)null: 只有唯一的值 null. 表示空值. 

number数字类型表示

特殊的数字值

Infinity: 无穷大, 大于任何数字. 表示数字已经超过了 JS 能表示的范围.

-Infinity: 负无穷大, 小于任何数字. 表示数字已经超过了 JS 能表示的范围.

NaN: 表示当前的结果不是一个数字. 

var max = Number.MAX_VALUE;
// 得到 Infinity
console.log(max * 2);
// 得到 -Infinity
console.log(-max * 2);
// 得到 NaN
console.log('hehe' - 10);

string 字符串类型

基本规则

字符串字面值需要使用引号引起来, 单引号双引号均可.

var a = "haha";
var b = 'hehe';

字符串拼接

使用 + 进行拼接

var a = "my name is ";
var b = "zhangsan";
console.log(a + b);

boolean 布尔类型

表示 "真" 和 "假"

undefined 未定义数据类型

如果一个变量没有被初始化过, 结果就是 undefined, 是 undefined 类型

null 空值类型

null 表示当前的变量是一个 "空值". 

比较运算符

== 比较相等(会进行隐式类型转换)

!=

=== 比较相等(不会进行隐式类型转换)

!==

数组

创建数组

使用 new 关键字创建

var arr = new Array();

使用字面量方式创建 [常用]

var arr = [];
var arr2 = [1, 2, 'haha', false]; // 数组中保存的内容称为 "元素"

注意: JS 的数组不要求元素是相同类型. 这一点和 C, C++, Java 等静态类型的语言差别很大. 但是 Python, PHP 等动态类型语言也是如此. 

新增数组元素

1. 通过修改 length 新增 相当于在末尾新增元素. 新增的元素默认值为 undefined

2. 通过下标新增 如果下标超出范围赋值元素, 则会给指定位置插入新元素

3. 使用 push 进行追加元素

代码示例: 给定一个数组, 把数组中的奇数放到一个 newArr 中.

var arr = [9, 5, 2, 7, 3, 6, 8];
var newArr = [];
for (var i = 0; i < arr.length; i++) {
    if (arr[i] % 2 != 0) { 
       newArr.push(arr[i]); 
  }
}
console.log(newArr);

删除数组中的元素

使用 splice 方法删除元素

var arr = [9, 5, 2, 7];
// 第一个参数表示从下表为 2 的位置开始删除. 第二个参数表示要删除的元素个数是 1 个
arr.splice(2, 1);
console.log(arr);
// 结果[9, 5, 7]

函数

 

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>