JavaScript的学习～

最新推荐文章于 2024-07-22 15:13:59 发布

桃子加油

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量197

点赞数

文章标签： javascript 学习前端

本文链接：https://blog.csdn.net/qq_51623214/article/details/125393913

版权

一.js的语言特色

是属于 HTML 和 Web 的编程语言。
HTML 定义网页的内容，CSS 规定网页的布局，而JavaScript 对网页行为进行编程
在 HTML 中，JavaScript 语句是由 web 浏览器“执行”的“指令”。
！！对大小写敏感！！
不能使用连字符如last-name，那是为减法预留的～使用以小写字母开头的驼峰大小写如lastName

二.js显示方案

能用不同方式来显示我们的数据：

使用 window.alert() 写入警告框//括号里**引号+中文或数字 **运行弹出警示框～
使用 document.write() 写入 HTML 输出//仅用于测试，html完全加载后将删除所有的html
使用 innerHTML 写入 HTML 元素（document.getElementById(id) 方法）
使用 console.log() 写入浏览器控制台

举例使用：（第二点和第三点的用法）

<!DOCTYPE html>
<html>
<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<p id="demo"></p>

<script>
document.write(6 + 6);//屏幕出现12，更换数字跟着变
 document.getElementById("demo").innerHTML = 5 + 6;//屏幕会出现11，更换数字跟着变
</script>

</body>
</html>

关键词

关键词	描述
debugger	停止执行 JavaScript，并调用调试函数（如果可用）
function	声明函数
try…catch	对语句块实现错误处理。
var	声明变量

其余的break，continue，do while,if else, return,switch是老朋友了，所以不在表中。
说明：
通过 var 关键词声明的变量没有块作用域。在块 {} 内声明的变量可以从块之外进行访问。因此可以使用let 关键词声明拥有块作用域的变量。
在块 {} 内声明的变量无法从块外访问
//let这个关键词将变量局限在了它的作用域里，不会对别的产生影响

三.运算

运算符如➕➖✖️➗取余、逻辑运算符、位运算符、递增（++）、递减（----）和之前的学习是一样的，略过～

四.数据类型

JavaScript的变量能够保存多种数据类型：数值、字符串值、数组、对象等等。

当数值和字符串相加时，JavaScript 将把数值视作字符串，变成两个字符串连起来。
字符串：单或双引号包围
数组：方括号书写，逗号分隔，例如：var myname=[“mei”,“nv”];
对象：花括号，name：value对组成，逗号，例如：var myname={first name:“chen”，last name:“meinv”};
typeof:用来返回变量或表达式的类型～例如：Typeof “hahaha” //就会返回"string"

五.函数

语法：function这个关键词来进行定义，后➕函数名和括号。括号里可包括若干参数
使用函数的好处：代码重复使用
局部变量：函数中声明的变量会成为函数的局部变量，只能在函数内访问。

<script type="text/javascript">
  // 匿名函数 : 没有名称的函数
var func = function(i, u) { alert(i + " love " + u);}
  // 调用函数 :
func("我", "中国");//显示我love中国
</script>

六.对象

同面向对象里面的对对象的定义和使用～
定义：

var obj={存的属性和方法 key 属性名：value 属性值; }

七.数组

1.创建： var 数组名=[item1,item2,…];
2.基本操作同面向对象里面的～
3.数组和对象的区别：数组用数字索引，对象用命名索引
4.用typeof 运算符返回 “object”，因为在JavaScript 数组属于对象。（比较特殊）
5.删除最后一个元素：pop() 添加一个元素：push()
6.delete删除所有指定数组位置，但会留下未定义的空洞
7.splice删除元素，不留空洞使用：数组名.splice(i,j) //从第i个位置删j个元素
8.排序数组名.sort() //对字符串顺序排序
9.反转排序数组名.reverse()