2-1. JS代码插入、变量、数据类型、对象

最新推荐文章于 2023-02-02 11:28:52 发布
最新推荐文章于 2023-02-02 11:28:52 发布
阅读量291 收藏
点赞数
分类专栏： jQuery Library
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38134491/article/details/104227418
版权

JS代码嵌套在HTML文件件里的位置有两种：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>intro to JS</title> 
<!-- 内嵌JS代码 -->
<script type="text/javascript">
	console.log('Robin');
	alert('Robin2');
</script>
</head>
<body>
       
<!-- 外部引入 -->
<script type="text/javascript" src="js文件相对路径">

</script>
</body>
</html>

 

字符转义： var $robin="my\'name ";   这样可以输入单引号而不受影响

 

Javascript基本数据类型： Number、String、Boolean

如：var sex=true; 

 

JS中有两个特殊数据类型：undefined 、null 

当我们使用一个变量，而该变量尚未被赋值时，或读取一个不存在的对象属性时，就会返回undefined

null用于表示值确实已经定义，但这个值不属于任何一种合法的类型

如：

var robin;
console.log(robin); //undefined

var mike=null;
console.log(mike); //null

 

JS注释方法：

单行注释： //

多行注释： /*    */

 

JS中的对象：

JS中的对象是根据某种引用类型创建出来的实例

引用类型：引用类型是一种数据结构，用于将数据和功能组织在一起

比如，现实生活中对某种事物的定义

人：姓名、年龄、性别、身高、智商、思维

 

常用的引用类型：

1）object引用类型：

创建Object引用类型的具体实例（对象）：

方法1：

<script type="text/javascript">
var robin=new Object(); //创建一个object引用类型的对象
robin.name="Fang";
robin.age=24;
robin.sex=true;
robin.info="He is a student";
alert(robin.name);

</script>

方法2：

<script type="text/javascript">
var mike={
		name:'麦克',
		sex:false,
		age:18
		};
// alert(mike.name);
//迭代(访问)对象所有属性: for...in语句,后面不需要加分号
for(var i in mike){
	alert(mike[i]);
}

</script>

 

2）Function引用类型，使用Function引用类型的对象我们也称为函数

创建函数：

function 函数名() {

        各种javascript语句;

}

浏览器加载script元素后，就会立即逐条执行js语句，我们可以将一些语句封装在一个函数内，

浏览器在遇到调用这个函数的语句之前不会执行被封装的代码

<script type="text/javascript">
/* 创建Function引用类型的对象,定义函数，
这种方式定义函数后面不需要加分号 */
function robin(){
	//放各种JS语句
	alert("我是函数robin"); //内部语句不调用这个函数不显示
}
robin();

</script>

 

其他创建此函数的方法：

var 函数名=function(){

      各种javascript语句;

} 

<script type="text/javascript">
//这种方法后面需要加分号
var mike=function(){
	console.log('您调用了mike');
};
mike();

</script>

 

函数可以有参数：

可以在调用函数的时候顺便传参数给函数，以实现更多的功能

<script type="text/javascript">
//函数定义时圆括号里面的参数我们称为"形式参数"
//参数可以有默认值
function mike(a,b=100,c=1000){
	//本函数内部就可以使用传进来的参数
	console.log(a);
	console.log(b);
	console.log("我是mike");
}
//调用函数的时候可以传数据给函数
mike(10); //10传给a

</script>

 

函数可以有返回值：

即将一个值返回到调用它的地方

<script type="text/javascript">
//函数执行完会返回调用它的地方，继续执行
function robin(){
	alert(1);
	return 100; //函数内部可以返回数据给调用它的地方，函数内部return后面的语句不会再执行
}
alert(robin()); //这边调用完之后从这行继续往下执行

</script>
function add(a,b){
	return a+b;
}
add(1,2);

 

全局变量：

<!-- 内嵌JS代码 -->
<script type="text/javascript">
var a=100; //在函数外定义的变量称为全局变量
function add(a,b){
	return a+b;
}
alert(a);

</script>
</head>
<body>
<script type="text/javascript">
alert(a);
</script> 
     
</body>

 

注意：

<script type="text/javascript">
//注意：当函数外定义的变量名和函数参数名重名时，默认用传递的值
var a=100; 
function add(a,b){
	alert(a);
	return a+b;
}
add(1,1);  //1

</script>
<script type="text/javascript">
var test=100; 
function add(a,b){
	alert(test);
	return a+b;
}
add(1,1);  

</script>

 

局部变量：

<script type="text/javascript">
var test=100; 
function add(a,b){  //形式参数也只能在本函数内部使用，默认也是局部变量
	var test1="我是test1"; //局部变量只能在本函数内部使用
	return a+b;
}
add(1,1);  

</script>
function func1() {

}
//Function have default properties: length, which is the nums of formal parameter
alert(func1.length);

 

ROBIN.FANG
关注
专栏目录
jquery-2.1.1.js和jquery.min-2.1.1.js
07-30
- 代码内联：将小函数直接插入调用位置，减少函数调用开销。 - 代码顺序优化：调整代码顺序，使常用功能的代码优先加载。 5. **使用建议** - 开发阶段：使用未压缩版，方便调试和理解代码逻辑。 - 生产环境：...
js代码-console.log something
07-16
在标题 "js代码-console.log something" 中，“something”很可能是指开发者想要在控制台打印的具体内容，可能是变量、字符串、对象或其他数据。`console.log()` 的基本用法是这样的： ```javascript console.log(...
如何在数据库中插入一个变量呢
lzg_lin的专栏
10-22 2127
如何用VC++代码实现向数据库中插入一个变量呢CString str1 = "Insert Into relationpage(URL) Values (m_WebFileName);m_MyDatabase.ExecuteSQL(str1);我想将变量m_WebFileName插入到表relationpage的一列列中,但是这样不对请前辈们指导
JS获取后端变量加转义字符
hexianfan的博客
02-02 188
JS获取后端变量没有引号报错
js的数据类型
weixin_52346897的博客
04-08 2万+
js的数据类型 什么是数据类型？ 从生活中出发： 在日常生活中，描述不同的东西，有不同的一些单位。 实际上，编程也是要解决我们生活中的问题，在程序中，如何描述这些内容呢。针对不同的内容，根据其特性，需要用不同的单位（类型）加以描述，这就是数据类型的概念。 比如，描述人的时候： 姓名：小强 年龄：20 性别：女 为什么要对数据进行分类？ 就如垃圾分类一样，当对数据进行分类以后，可以方便管理以及方便操作。 在js中，到底有哪些数据类型？ 在js中我们把数据类型分成了两大类： 1.基本数据类型： 1.1
JavaScript语言 变量、数据类型、对象、函数、作用域、事件、字符串.pdf
最新发布
04-08
### JavaScript核心概念详解 ...以上内容覆盖了JavaScript的基本概念，包括变量、数据类型、对象、函数、作用域、事件和字符串。这些是学习和理解JavaScript的核心组成部分，对于开发Web应用至关重要。
PyPI 官网下载 | django-js-variable-injector-1.0.2.tar.gz
01-10
在Web开发中，有时我们需要在客户端JavaScript代码中使用服务器端的数据，例如配置信息或动态生成的变量。这个库解决了跨语言通信的问题，使得开发者能够轻松地将Python（Django）环境中的数据传递到前端JavaScript...
mongodb-osx-ssl-x86_64-4.0.9.tgz
03-27
3. ODM 功能：通过 Mongoose，你可以创建复杂的模型定义，将数据库中的集合映射为 JavaScript 对象，简化数据操作。 4. 自动验证：在插入或更新数据时，Mongoose 可以根据模型定义自动进行数据验证，防止不合规的...
JavaScript基础概述
weixin_34185560的博客
08-24 124
1.简介 JavaScript 是世界上流行的编程语言,可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言,是一种轻量级的编程语言。可以简单的将我们以前学过的HTML元素比作演员，而脚本语言就是剧本，你就是导演！ 之前我们通过学习的HTML+CSS可以完成静态的网页（当然也可以加一下简单的动画），通过JavaScript的学习我们可以增加网页...
JS的数据类型
m0_67372185的博客
04-05 1万+
数据类型
JavaScript eval() 函数
weixin_30825581的博客
06-25 245
定义和用法 eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。 语法 eval(string) 参数 描述 string 必需。要计算的字符串，其中含有要计算的 JavaScrip...
JS向数组添加元素，插入数据
热门推荐
07-22 40万+
js中对于数组的操作很常见，下面记录一下js向数组添加元素的方法。 let myArray=[11,22,33]; console.log('原数组：',myArray); myArray.push(44,55); console.log('用push在数组后面插入元素：',myArray); myArray.unshift(66,77); co...
html变量写入文本,阅读HTML并将文本设置为变量
weixin_39670545的博客
06-05 815
我试图在我的网站上设置一个横幅，基本上从html(我不能/不会编辑)中读取一个页码，并将横幅内的链接更改为指向点击该页面。阅读HTML并将文本设置为变量的一点是要有适用于所有的网页和链接，动态更新基于页面数在html我要寻找正常的页面中发现的HTML一个横幅：Page number163/XXX而链接只需要反映页面eg.../book.html将更新到.../book.html？页= 163这是罚...
js 在字符串中引入变量
sunshine5050的博客
10-26 1万+
在字符串中插入变量
类和对象的定义与访问（一）
amazingee的博客
03-03 1789
类和对象的定义与访问 类是在结构的基础上发展而来，是为了实现对数据和操作的封装而来。 定义类和对象 与结构体相类似。 class clock { int length,wide,com;//长宽和零件等内部信息 int h,m,s;//时分秒 public : void sett()//输入时间 { cin>>h>>m>...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值