js-----基础知识

最新推荐文章于 2022-02-24 16:53:09 发布
最新推荐文章于 2022-02-24 16:53:09 发布
阅读量112 收藏
点赞数
分类专栏： javascript+protractor 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39430584/article/details/118636216
版权

1、js由三部分组成：ECMAscript(基本语法）、dom(操作页面元素）、bom（操作浏览器）

1）html页面中css和js引用都有三种方式

2）alert（）和console.log()介绍

3）数据类型：

        数字    var num=100;

        字符串(单引号或者双引号） var str="javascript"

        布尔类型    var bool=true;  var bool=false;

        Undefined类型   var und; 

        null类型（不存在的对象） var null=null

        对象类型：

typeof(und);    //typeof查看变量对象的数据类型

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <script>
    
    var num1=100;
    var num2=200;
    
    var temp;
    temp=num1;
    num1=num2;
    num2=temp;
    var str="javascript"
    var bool=true;
     var und; 
     var nul=null;

   
    console.log(num2)
    console.log(str)
    console.log(bool)
    console.log(und)
    console.log(nul)
    console.log(typeof(num1))
    console.log(typeof(str))
    console.log(typeof(bool))
    console.log(typeof(und))
    console.log(typeof(nul))
   
    </script>
  
</head>
 
<body>
    
</body>
 
</html>

4）扩展变量类型：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <script>
  
    
    var num;
     var str1='javascript'
     var str2='秘密花园'

   

    console.log(num+10)    //Nan
    console.log(str1)
    console.log(str1.length)  //10
    console.log(str1+str2)
   
    </script>
  
</head>
 
<body>
    
</body>
 
</html>

5）数据类型转换：

其他类型转成字符串、其他类型转数据、 其他类型转成布尔 （0就是false,1就是true)

6)运算符：

算术运算符：+ - * /  %

符合运算符：+=  -=  ++ --

关系运算符：> <  ==   ===   !=

布尔 运算符：&   |   !     

7)js中的if else语句：

8）js中的switch

switch(表达式）{

        case 值1：执行代码1；break;   //表达式=值1，就执行代码1，然后结束

        case 值2：执行代码2；break;

        case 值3：执行代码3；break;

        default 执行代码4；  //表达式不等于上面的所有情况就执行dafault的代码

}

9)js中的while

while(表达式）{   //表达式为true时执行循环代码

        执行循环代码；

        i++;(递增）

}

10)js中的for 循环

11）数组：

（1）

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <script>
        
        var arr=Array();
       // console.log(arr)

        var arr1=new Array(5);
        console.log(arr1)

        var arr2=new Array(10,20,30,40,50)
        console.log(arr2)
        console.log(arr2[2])
        
        var arr3=[10,20,30,40]
        console.log(arr3)
        for (i=0;i<arr3.length;i++){
            console.log(arr3[i]);

        }
   
    </script>
  
</head>
 
<body>
    
</body>
 
</html>

（2）求数组中最大值：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <script>
        
        var arr=[10,20,30,40]
        var max=arr[0];
        for(i=0;i<arr.length;i++){
            if(max<arr[i])
            max=arr[i]

        }
        console.log(max)
   
    </script>
  
</head>
 
<body>
    
</body>
 
</html>

（3）求数组的和：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <script>
        
        var arr=[10,20,30,40]
        var max=arr[0];
        sum=0;
        for(i=0;i<arr.length;i++){
            sum=sum+arr[i];

        }
        console.log(sum)
   
    </script>
  
</head>
 
<body>
    
</body>
 
</html>

（4）数组交换顺序：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <script>
        
        var arr=[10,20,30,40,50]
        num=arr.length/2;
        var tmep;
        for(i=0;i<num;i++){
            temp=arr[i]
            arr[i]=arr[arr.length-i-1]
            arr[arr.length-i-1]=temp
        }
        console.log(arr)
        
   
    </script>
  
</head>
 
<body>
    
</body>
 
</html>

（5）冒泡排序：

12）函数：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <script>
        
        function sumnum(a,b){
            sum=a+b;
            console.log(sum)
        }
        sumnum(2,5)
        sumnum(3,5)
        sumnum(4,5)
   
    </script>
  
</head>
 
<body>
    
</body>
 
</html>

（1）函数的参数和返回值：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <script>
        
        function sumnum(a,b){
            sum=a+b;
            return sum;
           // console.log(sum)
        }
        var result=sumnum(2,5)
    
        console.log(result)
        //sumnum(3,5)
        //sumnum(4,5)
   
    </script>
  
</head>
 
<body>
    
</body>
 
</html>

（2）联系：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <script>
        
        function arrmax(arr){

            max=arr[0]
            for(i=0;i<arr.length;i++){
                
                if(max<arr[i]){
                    max=arr[i]
                }

            }
            return max
           
        }
        function arrsum(arr){
            sum=0;
            for(i=0;i<arr.length;i++){
                
                sum=sum+arr[i]
                }
            return sum;

        }
        //方法：arguments.length  获取发放所传参数的个数
        function nus(){
            console.log(arguments.length)
        }
        console.log(arrmax([10,20,30,90]))
        console.log(arrsum([10,20,30,90]))
        nus(10,20)
        
    
        
    </script>
  
</head>
 
<body>
    
</body>
 
</html>

（2）匿名函数：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <script>
        
      var sayHi=function(){
          console.log('hello world')
      }
      sayHi()
        
    
        
    </script>
  
</head>
 
<body>
    
</body>
 
</html>

（3）变量的作用域和预解析

13）js对象：

weixin_39430584
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js基础知识
weixin_54362826的博客
06-13 106
字面量 & 变量 字面量就是一些不可改变的值 变量 可通过变量对字面量进行描述 var ， 变量提升，可重复声明变量 ES6 不能重复声明,具有块级作用域，变量不会提升 let ， 可修改变量的值 const ， 声明的变量必须提供值，不能重新赋值，可修改引用类型的属性值 标识符 在js中所有的可以由我们自主命名的都是已称为是标识符，例如:变量名,函数名,属性名 命名规则 标识符可以含有字母,数字,_,$ 标识符不能以数字开头 标识符不能是js中的关键字或保留字 标识符一般
JavaScript基础语法（二）
Yannick_H的博客
05-10 128
一、循环结构 重复结构(迭代)，根据条件重复执行部分代码 1.for循环 for(表达式1;表达式2;表达式3){ 循环体语句 } (1)在没有"{}"的时,循环的控制范围到期后的第一条语句 (2)三个表达式都可以省略,但是分号不能省略 (3)算法的时间复杂度：执行算法所需要的时间 (4)算法的空间复杂度：执行算法所需要的内存空间 for(;;){ 循环体语句 } 2.break语句 终止循环(在循环体中若遇到该语句则终止循环，无论循环是否做完) 3.contin...
JavaScript中的逻辑运算符详解！
扑朔迷离吖的博客
10-02 876
今天我们来总结一下Js中的三种逻辑运算符：与 &amp;&amp;     或 ||     非 ! &amp;&amp;操作符 （全真为真，有假则假）。​​​​​ "与" 翻译过来就是并且的意思，只有当条件1到条件n都满足，结果才成立。 在JS中的&amp;&amp;又叫做 “短路与”， 意思就是在判断第一个表达式为fasle之后，就不必对后面的表达式进行判断了，因为但凡有false，结果...
js数组和字符串方法（1）—字符串字面量和字符串对象
xiao廸要飞
06-24 418
文章目录js数组和字符串方法（1）—字符串字面量和字符串对象字符串方法创建字符串什么是类数组？小结 js数组和字符串方法（1）—字符串字面量和字符串对象 字符串方法 创建字符串 字面量的创建方式 字面量，即直接量，简单而言所见即所得 var str = '123'; console.log(str); console.log(typeof str); //string 还可通过下标对字符串进行取值（和学过的数组非常类似）： var str = '123abcdefg';
JavaScript基础语法练习题
XH_jing的博客
02-26 3623
1、设圆半径80，计算周长？ <script> // 半径 radius var radius = 80; // 周长 Perimeter = 2 π * r var perimeter = 2 * Math.PI * radius; console.log(perimeter); </sc...
简单测试JS代码
热门推荐
nk1212582的博客
07-31 1万+
版权声明：转载请注明出处 https://blog.csdn.net/nk1212582/article/details/81321202 背景 由于JS程序不能像C++、Python程序等单独运行，不利于测试一段代码的功能 目的 简单测试一小段JS代码 步骤 （1）新建一个test.html文件 （2）在test.html文件中书写以下内容 &lt;!doctype html&...
cocos2d-js基础知识
05-19
基础知识的介绍，元素的基本关系，精灵元素的属性，动画，帧动画、事件机制的简单介绍
JavaScript-study:JavaScript +基础知识（ES6语法，高级语法）
05-23
因此，我想通过做我所学的js来制作前端的基础知识。 通过学习这个node.js类，我们将学习js的语法以及如何在浏览器中使用js对其进行控制！ 计划 作为第一个计划，在学习js基础知识的同时，我们何时将针对JS ES6语法...
Alura-react-course
05-25
在课程中，你将学习React的基础知识，如JSX语法、组件、props和state、事件处理、条件渲染、列表和键的使用。还会涉及更高级的主题，如生命周期方法、状态管理（如Redux）、React Router用于页面路由，以及如何使用...
教学进度表-Javascript程序设计.docx
最新发布
12-16
本教学进度表涵盖了 JavaScript 程序设计的所有方面，从 JavaScript 的起源到 JavaScript 的高级应用，涵盖了 JavaScript 的基础知识、JavaScript 的实现、JavaScript 小体验、JavaScript 环境搭建、JavaScript 类型...
js 编程常用语法 笔试、面试参考
ysugarr
02-24 1251
JavaScript编程常用语法，笔试、面试备用。 新增第七章：ES6内容、第八章：常见面试编程考点。
js语法练习题
Baron的博客
03-30 3126
js语法练习1.输出100以内与7有关的数2.输出从1到100之间所有不能被3整除的数;并输出这些整数的和 1.输出100以内与7有关的数 var sum=0; for(var i=0;i<=100;i++){ if(i%7==0||parseInt(i/10)==7||i%10==7){ document.write(i+' '); } } 2.输出从1到...
javascript测试_用javascript测试
weixin_26717681的博客
08-14 355
javascript测试How Writing Tests for Your Code Can Help Improve Your Code 为您的代码编写测试如何帮助您改善代码 An important part of the process of writing clean, effective code is writing and running tests for your code....
protractor测试框架4----配置文件
测试媛
03-14 1804
配置文件protractor.conf.js是protractor里面非常重要的组成部分，项目的所有配置都在这里 var env = require('./environment.js'); var func=require("./functionlib.js"); var SpecReporter=require('jasmine-spec-reporter').SpecReporter; ...
protractor中元素定位方式
测试媛
03-13 1207
protractor常用元素定位方式： 1、by.css &lt;div class="parent"&gt; &lt;div class="child"&gt; Child text &lt;div&gt;{{person.phone}}&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; var/let child
protractor自动化测试注意事项
测试媛
03-13 662
1、使用PageObject模式写代码的时候： expect(element(by.binding('notPresent')).isPresent()).toBe(false); 这句代码需要分开写：page中写：greeting=element(by.binding('notPresent')).isPresent()；test中写expect(greeting).toBe(false)...
protractor环境安装
测试媛
03-13 544
1、安装ide,webstorm或者vs 2、安装node.js，node.js能够使用javascript脱离browser单独运行； 3、安装protractor,最好使用全局安装（-g），在windwos命令行执行如下命令： npm install -g protractor 这条命令会安装rotractorandwebdriver-manager两个组件. 运行命令prot...
javascript---标识符，常量、变量
测试媛
12-19 524
JavaScript起源： 是由Netscape公司（网景）发明的，它是一种描述性语言，与java语言没什么关系，只是在结构和语法上与Java类似，与当初的sun公司是一个联盟，所以起名Javascript。javaScript作为一个草案提交给ECMA(欧洲计算机制造商协会),该协会发布了名为ECMAScript的全新脚本语言（ES6），es6是新标准一些老版本的浏览器可能不支持。 ...
JSP预备知识-JavaScript
07-23
本文主要介绍了JSP预备知识中的JavaScript相关内容。JavaScript是一种脚本语言，可以与HTML语言混合...通过学习本文，读者可以初步掌握JavaScript的基本知识和编程技术，为进一步学习和应用JavaScript打下良好的基础。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值