2021琴理工作室JS基础教学(一)

简介: js是一门互联网上最流行的脚本语言

JS

它它它是什么?

js是一门互联网上最流行的脚本语言

  • 它是一种轻量级的编程语言
  • 它是一种弱类型语言
  • 它是可插入HTML页面的编程代码
  • 它可由所有的现代浏览器执行
  • 很容易学习!!!!!

它能干啥

js是世界上最好的(确信),所以我们能用它干啥

举好几个栗子

  • 我们登录的时候js会将我们的输入的数据进行一些判断
  • 网页中好看的动画效果有的也可以用js实现的
  • 等等

最基本的调试方法

作为一名合格的程序员,我们要先学会调试,自己的程序报错,

要自己调试看看哪里出错了,那我们前端程序员最常用到的也就是打印

var a = '我爱灰太狼';
console.log(a);
复制代码

开始正式学习

我们能将js代码放在哪里

我们学习了html和css那么我们能将js放在哪里呢?

  1. 行内式
<input onclick="alert('瑞瑞女装')">
复制代码
  1. 内嵌式
<script>
     alert('js');
</script>
复制代码
  1. 外部引入
<script src="./index.js"></script>
复制代码

我们的老朋友——变量

大家都学习了c语言,那么对变量也有了一定的理解,但是在js中变量是松散类型的,可以保存任何值

未进行初始化的变量会保存一共特殊的值-undefined

变量的命名规范

js中的变量是有命名规范的

  • 变量必须以字母开头
  • 变量名称对大小写敏感(A和a是不同的变量)
let a;
let 1a;
let A;
复制代码

声明变量

大家也看到上面我声明变量的方式了,一共有三种,这三种方式主要的区别就是变量的作用域

  1. var:
  2. let:
  3. const:

数据类型

  1. 动态类型

动态类型即是相同的变量可用作不同的类型

int a;
float c;
char a;
复制代码
var a = 1;
var b = "1"
var c = "123"
typeof(a)
typeof(b)
typeof(c)
复制代码
  1. 字符串

字符串是存储字符)的变量。

字符串可以是引号中的任意文本,可以使用单引号或双引号:

var carname="my name id cxy";
var carname='my name id cxy';
复制代码

字符串也可以进行拼接即两个字符串拼接成一个字符串,1+1=1

var a = "1"
var b = "2"
console.log(a+b)
复制代码

当然我们字符串拼接中可以拼接变量,解决一些内容要随着数据更改的要求

var a = 20
console.log('cxy'+a+'岁')
复制代码

其中单引号与双引号在语法上没有区别,也仅仅只是在规范上有所不同。 3. 数字

js中只有一种数字类型,这和c语言有极大的不同

var a = 100;
typeof(a);
var b = 3.14;
typeof(b);
复制代码
  1. 布尔 布尔只有true和false两个值
  2. 数组

在程序中数组是我们经常要用到的

var array = new Array();
array[0] = 1;
array[1] = "qinli"
console.log(array);
复制代码
  1. Undefined 在 JavaScript 中,没有值的变量,其值是 undefined。typeof 也返回 undefined。
var a;
console.log(a)
//输出undefined
复制代码
  1. 对象👩‍🦰🧑

大家都知道对象是什么吗😛

其实他和c语言的结构体类似 比如我声明一个学生的结构体,给他赋予一些属性,比如名字,年龄,专业,等等 那么我们在js中声明一个对象,赋予对象名字,年龄,性别的属性。

var person={
    name : "John",
      id :  5566
};
console.log(person.name)
console.log(person["name"])
复制代码
  1. Null NULL是一共比较特殊的变量
typeof(null)
//输出结果为object
复制代码

这是因为null表示一个空对象指针 它与undefined的区别是它是空值,undefined是未定义

我们的左膀右臂——函数

函数声明与函数表达式

  1. 函数声明
function myname(){
     var name = "cxy"
     return name;
}
复制代码
  1. 函数表达式
var myname = function(){
     var name = "cxy"
     return name;
}
}
复制代码

两者有啥区别呢?

大概也就是读取先后的区别吧

函数声明会被解析器率先读取出来,调用不会发生报错

函数表达式则要等到"很久很久很久"才会被解析,调用的话会报错。


相关文章
|
8月前
|
JavaScript 前端开发 索引
JavaScript保姆级教学_03
JavaScript保姆级教学_03
24 0
|
8月前
|
JavaScript 前端开发
JavaScript保姆级教学_04(下)
JavaScript保姆级教学_04(下)
36 0
|
8月前
|
XML 移动开发 JavaScript
JavaScript保姆级教学_04(上)
JavaScript保姆级教学_04
31 0
|
8月前
|
JavaScript 前端开发 Go
JavaScript保姆级教学_02
JavaScript保姆级教学_02
23 0
|
8月前
|
Web App开发 JavaScript 前端开发
JavaScript保姆级教学_01
JavaScript保姆级教学_01
37 0
|
10月前
|
前端开发 JavaScript 开发者
JavaScript保姆级教学:从入门到精通一步不落
JavaScript保姆级教学:从入门到精通一步不落
36 1
|
12月前
|
移动开发 JavaScript
原生js H5适配它来了 保姆级教学
原生js H5适配它来了 保姆级教学
|
移动开发 JSON JavaScript
“是男人就下一百层”h5游戏全网最详细教学、全代码,js操作
“是男人就下一百层”h5游戏全网最详细教学、全代码,js操作
729 0
“是男人就下一百层”h5游戏全网最详细教学、全代码,js操作
|
JavaScript 前端开发
JavaScript 入门基础 - 运算符(三)
文章目录 JavaScript 入门基础 - 运算符(三) 1.什么是运算符 2.表达式和返回值 3.算术运算符概述 4. 赋值运算符 5.递增和递减运算符 5.1 递增和递减运算符概述 5.2 递增运算符 5.2.1 前置递增运算符 5.2.2 后置递增运算符 5.2.3 后置和前置运算符的区别 6. 比较运算符 7. 逻辑运算符 7.1 逻辑运算符概述 7.2 逻辑与 7.3 逻辑或 7.4
123 0
JavaScript 入门基础 - 运算符(三)
|
存储 JSON JavaScript
JavaScript 入门基础 - 变量 / 数据类型(二)
JavaScript 入门基础 - 变量 / 数据类型(二)
88 0
JavaScript 入门基础 - 变量 / 数据类型(二)