#yyds干货盘点#--30分钟入门JavaScript

Posted 2021-12-11 旺仔呀旺仔

前言

javascript 是一种解释型的脚本语言，被大量地应用于网页中，用以实现网页和浏览者的动态交互。目前几乎所有的浏览器都可以很好地支持 JavaScript。由于 JavaScript 可以及时响应浏览者的操作，控制页面的行为表现，提高用户体验，因而已经成为前端开发人员必须掌握的语言之一。

JavaScript 是为满足制作动态网页的需要而诞生的一种编程语言，是由 Netscape（网景通信公司）开发的嵌入到 html 文件中的基于对象（Object）和事件驱动（Event Driven）的脚本语言。在 HTML 基础上，使用 JavaScript 可以开发交互式（网页）Web。JavaScript 的出现使得网页和用户之间实现了实时、动态和交互的关系。

一、JS的引入方式

1 直接编写
    <script>
        console.log(hello yuan)
    </script>
2 导入文件
    <script src="hello.js"></script

二、ECMAscript基本语法

js是一门弱类编程语言，属于基于对象和基于原型的脚本语言

2.2 变量

格式:
      // 方式1 先声明再赋值
      var 变量名;   // 声明的变量如果没有进行赋值,或者没有被定义的变量,值默认是undefined
      变量名 = 变量值;
      // 方式2 声明并赋值
      var 变量名 = 变量值;
      // 方式3 一行可以声明多个变量.并且可以是不同类型
      var name="yuan", age=20, job="lecturer"

1、声明变量时 可以不用var. 如果不用var 那么它是全局变量

2、变量命名,首字符只能是字母,下划线,$美元符 三选一，余下的字符可以是下划线、美元符号或任何字母或数字字符且区分大小写

• 注释

// 单行注释
 /*
   多行注释
 *

• 语句分割符

var a = 1   // 分号和换行符作为语句分隔符号
var b = 2;
console.log(a,b

三、ECMAScript 基本数据类型

3.1 数字类型

JavaScript 没有整型和浮点型，只有一种数字类型，即number类型。

var x = 10;
var y = 3.14;
console.log(x,typeof x);  // 10 "number"
console.log(y,typeof y);  // 3.14 "number

3.2 字符串

字符串创建(两种方式)

• 变量 = “字符串”
• 字串对象名称 = new String (字符串)

var str1="hello world";
var str1= new String("hello word")

// 字符串对象的操作
var str = "hello"; // 这就是字符串对象
console.log(str);
// 字符串对象内置属性
// length 计算字符串的长度
console.log( str.length );
// 字符串对象内置方法
// toUpperCase();  字母大写转换
// toLowerCase();  字母小写转换
console.log( str.toUpperCase() );
console.log( str.toLowerCase() );
// indexOf 获取指定字符在字符串中第一次出现的索引位置
// 字符串也有下标,也可以使用中括号来提取字符串的指定字符
console.log(str[1]); // e
console.log( str.indexOf("e") ); // 1
// 切片,当前方法支持使用负数代表倒数下标
// slice(开始下标)   从开始位置切到最后
// slice(开始下标,结束下标)  从开始下标切到指定位置之前
var str = "helloworld";
var ret = str.slice(3,6); // 开区间,不包含结束下标的内容
console.log(ret); // low
var ret = str.slice(5);
console.log(ret); // world
var ret = str.slice(2,-1);
console.log(ret); // lloworl
var ret = str.slice(-4,-1);
console.log(ret); // orl
var ret = str.slice(-1,-4);
console.log(ret); // orl
// split   正则分割,经常用于把字符串转换成数组
var str = "广东-深圳-南山";
var ret = str.split("-");
console.log( ret );
// substr  截取
var str = "hello world";
var ret = str.substr(0,3);
console.log(ret); // hel
// trim    移除字符串首尾空白
var password = "    ge llo   ";
var ret = password.trim();
console.log(password.length); // 13
console.log(ret.length);  // 

3.3 布尔值

1、Boolean类型仅有两个值：true和false，也代表1和0，实际运算中true=1,false=0 2、布尔值也可以看作on/off、yes/no、1/0对应true/false; 3、Boolean值主要用于JavaScript的控制语句

console.log(true);
console.log(false);
console.log(typeof true);
console.log(true === 1);
console.log(true == 1);
console.log(true + 1);
console.log(false + 1)

3.4 空值（Undefined和Null）

• undefined类型

undefined类型只有一个值，即 undefined。 （1）当声明的变量未初始化时，该变量的默认值是 undefined。 （2）当函数无明确返回值时，返回的也是值 undefined;

• null类型

另一种只有一个值的类型是 null，它只有一个专用值 null，即它的字面量。值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的。 尽管这两个值相等，但它们的含义不同。undefined 是声明了变量但未对其初始化时赋予该变量的值，null 则用于表示尚未存在的对象。如果函数或方法要返回的是对象，那么找不到该对象时，返回的通常是 null。

3.5 类型转换

js中,类型转换有2种.一种就是强制转换,一种就是自动转换.

因为js是一门弱类型的脚本语言,所以变量会在运算符的运行要求,有时候根据运算符的要求,进行自动转换的.

• 强制转换

// 1. 转换数据为数值类型
// parseInt     把数据转换成整数
// parseFloat   把数据转换成小数
// Number       把数据转换成数值
var box1 = "一共100件"; // 转换会失败
var box1 = "100件";     // 转换会成功
var ret = parseInt(box1);
console.log(box1);
console.log(ret);
//
var box2 = "3.14";
console.log(parseFloat(box2) ); // 3.14
//
var box3 = "3.14";   // 使用Number转换的数据里面必须是纯数字!!!!否
以上是关于#yyds干货盘点#--30分钟入门JavaScript的主要内容，如果未能解决你的问题，请参考以下文章
 
 30 分钟，全面解析 AJAX #yyds干货盘点#
 #yyds干货盘点#​Crontab学习简单用例
 #yyds干货盘点#Linux 30岁了，你知道吗？
 #yyds干货盘点# 基于Netty，20分钟手写一个RPC框架
 sudo密码超时时间#yyds干货盘点#
 # yyds干货盘点 # Pandas入门教程