JavaScript入门学习一-CSDN博客

本文链接：https://blog.csdn.net/weixin_60291486/article/details/131763054

JavaScript 是全球最流行的编程语言。

JavaScript 是属于 Web 的编程语言。

JavaScript 很容易学习。

后期学到的案例有w3c里面的实例：

JavaScript 实例

为何学习 JavaScript？

JavaScript 是 web 开发者必学的三种语言之一：

HTML 定义网页的内容
CSS 规定网页的布局
JavaScript 对网页行为进行编程

本教程提供关于 JavaScript，以及 JavaScript 如何与 HTML 和 CSS 协同工作的知识。

本教程涵盖了 JavaScript 的每个版本：

原始的 JavaScript ES1 ES2 ES3 (1997-1999)
第一个主要修订版 ES5 (2009)
第二个修订版 ES6 (2015)
所有年度增强版 (2016、2017、2018、2019、2020、2021)

JS的书写方式：

行内式：

a标签的情况：

<a href:'alert("")'> </a>

非a标签：

<p οnclick="alert('')"> </p>

内嵌式：

<srcipt>
    var a = 10;
    var b = 20;
    alert(a)
    alert(b)
</srcipt>

外链式：

<srcipt src="my.js"> </srcipt>

变量

var => 用来声明变量的关键字

变量的命名规则

规定

以数字，字母，下划线，$ 符组成
不能以数字开头
不能使用关键字

比如：

/* 
    以数字,字母,下划线,$组成
    不能以数字开头
    不能使用关键字
        常见的关键字,var,break,default,if,else...
*/
var var = 10;   //不能使用关键字
var break = 20; //不能使用关键字
var 1a = 30;    //不能以数字开头
var a^1 = 30;   //以数字,字母,$,下划线组成,没有^
var a = 20;

规范(可以遵守,也可以不遵守,推荐遵守)
- 推荐使用驼峰命名,当没有明确的说明的时候,那么驼峰命名一般指的就是小驼峰
  - 小驼峰 => 当由多个单词组成的时候,第一个单词首字母小写,后面的每一哥单词首字母大写
  - 大驼峰 => 每一个单词首字母都要大写
- 可以使用_将多个单词连接起来

例如：

//推荐使用小驼峰或者下划线连接
// 小驼峰 => 一般推荐使用小驼峰,没有明确的说明的时候,那么驼峰命名法指就是小驼峰
var listCount = 30;
var userAge = 40;
// 大驼峰
var ListCount = 30;
var UserAge = 4;
//下划线连接
var list_count = 40;
var user_age = 30;

变量的值

比如

//JS里面存储的内容特别的多,我们为了更容易让别人命名变量里面存储的是什么
//所以我们对存储的内容进行分类
//分为5大类
// number => 表示存储的是一个数字
// string => 使用单引号或者双引号包裹起来,单引号和双引号在成对的时候,有区分,表示字符串类型
// boolean => 存储就是真假,true表示真,false表示假
// null => 表示空:比如:相当于空气,空气看不见,摸不着,但是确实存在
// undefined => 空:真空,太空,不存在的,一般undefined就是在定义变量的时候,没有给变量赋值
var a = 10;     //表示声明了一个变量a,里面存储了一个值10,10是一个数字,是一个number类型
var b = "张三"  //表示声明了一个变量b,里面存储了一个值张三
var c = '陈锦'  //表示声明了一个变量c,里面存储了一个值陈锦
var d = true;   //表示声明了一个变量d,里面存储了一个值true
var e = false;  //表示声明了一个变量e,里面存储了一个值false
var f = null;   //表示声明了一个变量f,里面存储了一个值null
var g = undefined; //表示声明了一个变量,里面存储了一个值 undefined
var h;//表示声明了一个变量,没有给变量赋值,那么值也是undefined
alert(a)
alert(b)
alert(c)
alert(d)
alert(e)
alert(f)
alert(g)
alert(h)

检查数据类型 typeof => typeof可以根据变量的值来进行检测变量的值的类型 bug => 当我们使用typeof检测null这个数据类型的时候,那么检测出来的结果Object

语法

用法一 => typeof 变量或者变量的值
用法二 => typeof (表达式)//表达式就是+,-,*,/运算

比如

var a = 1;
var b = "陈锦"
var c = '文渊'
var d = true;
var e = false;
var f = null;//使用typeof检测出来的结果 Object
var g = undefined;
var h;
//检测变量 => typeof 变量或者变量的值
alert(typeof a)
alert(typeof b)
alert(typeof c)
alert(typeof d)
alert(typeof e)
alert(typeof f)
alert(typeof g)
alert(typeof h)

// 检测变量的值
alert(typeof '陈锦')
alert(typeof 1)

// 检测表达式
alert(typeof (1+3))