JS之温故而知新(marksheng)

el/2024/3/1 16:02:43

模板字符串(超级字符串)

var name = '小明';
var age = 20;
var message = `你好, ${name}, 你今年${age}岁了!`;
alert(message);

toUpperCase

toUpperCase()把一个字符串全变大写
 

var s = 'Hello';
s.toUpperCase(); // 返回'HELLO'

toLowerCase

toLowerCase()把一个字符串全变小写

var s = 'Hello';
var lower = s.toLowerCase(); // 返回'hello'并赋值给变量lower
lower; // 'hello'

indexOf

indexOf()会搜索指定字符串出现的位置

var s = 'hello, world';
s.indexOf('world'); // 返回7
s.indexOf('World'); // 没有找到指定的子串,返回-1

数组: 

要取得Array的长度,直接访问length属性

请注意直接给Arraylength赋一个新的值会导致Array大小的变化

var arr = [1, 2, 3];
arr.length; // 3
arr.length = 6;
arr; // arr变为[1, 2, 3, undefined, undefined, undefined]
arr.length = 2;
arr; // arr变为[1, 2]

 

JavaScript 布尔

布尔(逻辑)只能有两个值:true 或 false。

var x=true;
var y=false;

JavaScript 数组

下面的代码创建名为 cars 的数组:

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

或者 (condensed array):

var cars=new Array("Saab","Volvo","BMW");

或者 (literal array):

JavaScript 对象

对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:

var person={firstname:"John", lastname:"Doe", id:5566};

上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行:

var person={
firstname : "John",
lastname  : "Doe",
id        :  5566
};

对象属性有两种寻址方式:

name=person.lastname;
name=person["lastname"];

 

Undefined 和 Null

Undefined 这个值表示变量不含有值

可以通过将变量的值设置为 null 来清空变量

声明变量类型

当您声明新变量时,可以使用关键词 "new" 来声明其类型:

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

lampJavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。

带有返回值的函数

有时,我们会希望函数将值返回调用它的地方。

通过使用 return 语句就可以实现。

在使用 return 语句时,函数会停止执行,并返回指定的值。

语法

function myFunction()
{
    var x=5;
    return x;
}

上面的函数会返回值 5。

注意: 整个 JavaScript 并不会停止执行,仅仅是函数。JavaScript 将继续执行代码,从调用函数的地方。

函数调用将被返回值取代:

var myVar=myFunction();document.getElementById("demo").innerHTML=myFunction();function myFunction(a,b) { return a*b; } document.getElementById("demo").innerHTML=myFunction(4,3);function myFunction(a,b)
{if (a>b){return;}x=a+b
}


http://www.ngui.cc/el/2883527.html

相关文章

react学习(marksheng)

第一步(安装工具,生成项目,启动项目) 通过 npm 使用 React 使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: npm install -g cnpm --registryhttps://registry.npm.taobao.org npm config set regist…

array对象(数组)

什么是数组? 数组对象是使用单独的变量名来存储一系列的值。 创建一个数组 创建一个数组,有三种方法。 1: 常规方式: var myCarsnew Array(); myCars[0]"Saab"; myCars[1]"Volvo"; myCars[2]"BMW"; 2: 简洁方式: var myC…

element常用代码合集

增 &#xff08; this.DataList.push(newData)&#xff09; 点击按钮弹出对话框&#xff0c;填写添加内容 <el-button type"text" click"dialogVisible true">点击打开 Dialog</el-button><el-dialogtitle"提示":visible.sync…

前端问题锦集

1.get http://172.28.15.187:8080/sockjs-node/info?t1631163185130 net::err_connect 如果你遇到以下情况说明你来对地方了 进入/node_modules/sockjs.-client/dist/sockjs.js 将大约1606行左右的self.xhr.send(payload)注释 完美解决 2.解码decodeURI(%E2%80%8B) 3.控制台…

Vue.js 2.0 教程

Vue.js 介绍 Vue.js&#xff08;读音 /vjuː/, 类似于 view&#xff09; 是一套构建用户界面的渐进式框架。 Vue.js 安装 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖&#xff0c;走你…

MongoDB可视化工具--MongoDB Compass使用

一、启动MongoDB 在命令行中可直接输入>mongo即可&#xff0c;显示如下&#xff1a; 在MongoDB Compass比较简单&#xff0c;可以选择默认的服务器、接口和None认证&#xff0c;然后点击CONNECT即可&#xff1a; 二、创建、删除数据库 2.1创建数据库 进入页面之后&#xff0…

js原型链,继承和promis的基本理解

List item 一、原型链 开局一张图 prototype 每个函数都有一个prototype属性&#xff0c;被称为显示原型 2._ proto _ 每个实例对象都会有_ proto _属性,其被称为隐式原型 每一个实例对象的隐式原型_ proto _属性指向自身构造函数的显式原型prototype constructor 每个pr…

Vue做项目必备(节省80%时间,持久更新,不讲武德)

目录 1.iconfont 2. sass版本问题 3.屏幕高宽度自适应 4. 跨域 5. 拦截器 6.项目插件安装 7.登录鉴权&#xff08;单路由&#xff09; 8.插件引入、持久化、字体图标、富文本、时间戳 9. 跳转、返回、前进和后退 10.echarts图表的使用 11. vue组件中引入js文件(放scr…

IT行业接项目的方法总结(接私活可用)

首先了解下众包和外包的区别&#xff1a; 外包&#xff1a; 外包是将项目承包给外包公司&#xff0c;由外包公司的程序员进行开发&#xff1b; 众包&#xff1a; 众包是将项目承包给多个独立的开发者&#xff0c;他们不隶属于任何公司&#xff0c;用自己的业余时间接私活&a…