您的位置:

js程序设计考试题及答案,js代码题

js程序设计考试题及答案,js代码题

更新:

本文目录一览:

js基础面试题1-10道

1.document load 和 document ready 的区别

参考答案:文档解析过程中,ready在加载图片等外部资源前触发,load在之后触发。如果页面中要是没有图片之类的媒体文件的话ready与load是差不多的,但是页面中有文件就不一样了,所以还是推荐大家在工作中用ready

解析:

DOM文档解析:

页面加载完成有两种事件

1.load是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片资源等),执行一个函数

缺点:如果图片资源较多,加载时间较长,onload后等待执行的函数需要等待较长时间,所以一些效果可能受到影响

代码形式:

2.$(document).ready()是当DOM文档树加载完成后执行一个函数 (不包含图片,css等)所以会比load较快执行

在原生的jS中不包括ready()这个方法,Jquery才有,jquery中有 $().ready(function)。

代码形式为:

参与互动

2.JavaScript 中如何检测一个变量是一个 String 类型?

参考答案:三种方法(typeof、constructor、Object.prototype.toString.call())

解析:

参与互动

3.请用 js 去除字符串空格?

参考答案:replace 正则匹配方法、str.trim()方法、JQ 方法:$.trim(str)方法

解析:

方法一:replace 正则匹配方法

去除字符串内所有的空格:str = str.replace(/s*/g, "");

去除字符串内两头的空格:str = str.replace(/^s*|s*$/g, "");

去除字符串内左侧的空格:str = str.replace(/^s*/, "");

去除字符串内右侧的空格:str = str.replace(/(s*$)/g, "");

示例:

方法二:str.trim()方法

trim()方法是用来删除字符串两端的空白字符并返回,trim 方法并不影响原来的字符串本身,它返回的是一个新的字符串。

缺陷:只能去除字符串两端的空格,不能去除中间的空格

示例:

方法三:JQ 方法:$.trim(str)方法

$.trim() 函数用于去除字符串两端的空白字符。

注意:$.trim()函数会移除字符串开始和末尾处的所有换行符,空格(包括连续的空格)和制表符。如果这些空白字符在字符串中间时,它们将被保留,不会被移除。

示例:

参与互动

4.js 是一门怎样的语言,它有什么特点

参考答案:

1.脚本语言。JavaScript 是一种解释型的脚本语言, C、C++等语言先编译后执行, 而 JavaScript 是在程序的运行过程中逐行进行解释。

2.基于对象。JavaScript 是一种基于对象的脚本语言, 它不仅可以创建对象, 也能使用现有的对象。

3.简单。JavaScript 语言中采用的是弱类型的变量类型, 对使用的数据类型未做出严格的要求, 是基于 Java 基本语句和控制的脚本语言, 其设计简单紧凑。

4.动态性。JavaScript 是一种采用事件驱动的脚本语言, 它不需要经过 Web 服务器就可以对用户的输入做出响应。

5.跨平台性。JavaScript 脚本语言不依赖于操作系统, 仅需要浏览器的支持。

参与互动

5.== 和 === 的不同

参考答案: == 是抽象相等运算符,而 === 是严格相等运算符。 == 运算符是在进行必要的类型转换后,再比较。 === 运算符不会进行类型转换,所以如果两个值不是相同的类型,会直接返回 false 。使用 == 时,可能发生一些特别的事情,例如:

如果你对 == 和 === 的概念不是特别了解,建议大多数情况下使用 ===

参与互动

6.怎样添加、移除、移动、复制、创建和查找节点?

参考答案:

1)创建新节点

2)添加、移除、替换、插入

3)查找

参与互动

7.事件委托是什么

参考答案:利用事件冒泡的原理,让自己的所触发的事件,让他的父元素代替执行!

解析:

1、那什么样的事件可以用事件委托,什么样的事件不可以用呢?

2、为什么要用事件委托

3、事件冒泡与事件委托的对比

4、事件委托怎么取索引?

拓展:

参考

参与互动

8.require 与 import 的区别

参考答案:两者的加载方式不同、规范不同

第一、两者的加载方式不同,require 是在运行时加载,而 import 是在编译时加载

require('./a')(); // a 模块是一个函数,立即执行 a 模块函数

var data = require('./a').data; // a 模块导出的是一个对象

var a = require('./a')[0]; // a 模块导出的是一个数组 ====== 哪都行

import $ from 'jquery';

import * as _ from '_';

import {a, b, c} from './a';

import {default as alias, a as a_a, b, c} from './a'; ======用在开头

第二、规范不同,require 是 CommonJS/AMD 规范,import 是 ESMAScript6+规范

第三、require 特点:社区方案,提供了服务器/浏览器的模块加载方案。非语言层面的标准。只能在运行时确定模块的依赖关系及输入/输出的变量,无法进行静态优化。

import 特点:语言规格层面支持模块功能。支持编译时静态分析,便于 JS 引入宏和类型检验。动态绑定。

参与互动

9.javascript 对象的几种创建方式

参考答案:

第一种:Object 构造函数创建

这行代码创建了 Object 引用类型的一个新实例,然后把实例保存在变量 Person 中。

第二种:使用对象字面量表示法

对象字面量是对象定义的一种简写形式,目的在于简化创建包含大量属性的对象的过程。也就是说,第一种和第二种方式创建对象的方法其实都是一样的,只是写法上的区别不同

在介绍第三种的创建方法之前,我们应该要明白为什么还要用别的方法来创建对象,也就是第一种,第二种方法的缺点所在:它们都是用了同一个接口创建很多对象,会产生大量的重复代码,就是如果你有 100 个对象,那你要输入 100 次很多相同的代码。那我们有什么方法来避免过多的重复代码呢,就是把创建对象的过程封装在函数体内,通过函数的调用直接生成对象。

第三种:使用工厂模式创建对象

在使用工厂模式创建对象的时候,我们都可以注意到,在 createPerson 函数中,返回的是一个对象。那么我们就无法判断返回的对象究竟是一个什么样的类型。于是就出现了第四种创建对象的模式。

第四种: 使用构造函数创建对象

对比工厂模式,我们可以发现以下区别:

1.没有显示地创建对象

2.直接将属性和方法赋给了 this 对象

3.没有 return 语句

4.终于可以识别的对象的类型。对于检测对象类型,我们应该使用 instanceof 操作符,我们来进行自主检测:

同时我们也应该明白,按照惯例,构造函数始终要应该以一个大写字母开头,而非构造函数则应该以一个小写字母开头。

那么构造函数确实挺好用的,但是它也有它的缺点:

就是每个方法都要在每个实例上重新创建一遍,方法指的就是我们在对象里面定义的函数。如果方法的数量很多,就会占用很多不必要的内存。于是出现了第五种创建对象的方法

第五种:原型创建对象模式

使用原型创建对象的方式,可以让所有对象实例共享它所包含的属性和方法。

如果是使用原型创建对象模式,请看下面代码:

当为对象实例添加一个属性时,这个属性就会屏蔽原型对象中保存的同名属性。

这时候我们就可以使用构造函数模式与原型模式结合的方式,构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性

第六种:组合使用构造函数模式和原型模式

解析: 参考

参与互动

10.JavaScript 继承的方式和优缺点

参考答案:六种方式

JavaScript的两道编程题有大佬会吗?感激不尽!

!DOCTYPE html

html lang="en"

head

meta charset="UTF-8"

titleTitle/title

/head

body

/body

form

div

h11/h1

!--

1.JavaScript编程编程计算1+1/2+1/3+…+1/n的和。按下图页面效果,编程实现所需功能。

(1)使用循环结构进行编程,形式不限;

(2)通过表单中文本输入框输入数n,n不能为空或null;

(3)表单中添加2个文本输入框,用于输入数n和显示累加和;添加1个普通按钮和重置按钮。

(3)单击“计算倒数的和”按钮,可以通过函数sum()将计算结果回填到累加和文本输入框中,计算结果保留2位小数。

--

label输入数N: /labelinput type="number" id="n"br/

label累加和: /labelinput type="number" id="result"br/

button type="button" onclick="sum()"计算倒数的和/button

button type="reset"重置/button

/div

hr/

div

h12/h1

!--

2、JavaScript编程编程实现计算n个随机3位数的和,如下图所示。

(1)在body标记中通过提示框输入数N;

(2)编写computer_sum(num)函数。采用do while循环结构实现计算num个随机3位整数的和;用随机函数产生随机的3位正整数,并逐个输出到页面上;

(4)将计算结果直到输出在页面上。

--

label id="result2"/label

/div

/form

script

// 1

function sum(){

var nInput = document.getElementById("n")

var resultInput = document.getElementById("result")

var n = nInput.value

var sum = 0

for(var i=1;i=n;i++){

sum+=(1/i)

}

sum = Math.round(sum*100)/100

resultInput.value = sum

}

// 2

computer_sum(prompt('输入数N:'))

function computer_sum(n){

var sum = 0

var numbers = []

var i=0

do {

var num = Math.round(Math.random()*900+100) // 生成一个3位随机数

sum+=num

numbers.push(num)

i++

} while(in)

var outputStr = n+"个3位随机数: "+ numbers.join(" ")+"br/"+n+"个3位随机数之和="+sum

document.getElementById("result2").innerHTML = outputStr

}

/script

/html

js做一些编程题。

//1.

var A = prompt("输入A的值","");

var B = prompt("输入B的值","");

var tmp = A;

A = B;

B = tmp;

console.log("A:" + A + ",B:" + B);

//2.

var num = 1234;

var str = num + "";

console.log("是" + str.length + "位数");

for(var i = str.length - 1; i = 0; i--){

    console.log(str.charAt(i));

}

//3.

var sum = 0;

for(var i = 0; i  100; i++){

    var rand = Math.floor(Math.random() * 10);

    sum += rand;

}

console.log(sum);

//4.

var A;

while(true){

    A = prompt("输入一个整数","");

    if(A % 1 != 0){

        continue;

    }

    var isPrime = true;

    for(var i = 2; i = A/2; i++){

        if(A % i == 0){

            isPrime = false;

            break;

        }

    }

    if(isPrime){

        alert(A + "是素数");

    }else{

        alert(A + "不是素数");

    }

    break;

}

//5.

var n = 2,

    a = 1,

    b = 2,

    c = b / a;

while (n = 20) {

    var tmp = a;

    a = b;

    b = tmp + b;

    c += b / a;

    n++;

}

console.log(c);

js程序设计考试题及答案,js代码题

本文目录一览: 1、js基础面试题1-10道 2、JavaScript的两道编程题有大佬会吗?感激不尽! 3、js做一些编程题。 js基础面试题1-10道 1.document load 和 docu

2023-12-08
js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
jsp程序开发学习笔记2,jsp程序设计题库

本文目录一览: 1、《JSP&Servlet学习笔记》pdf下载在线阅读,求百度网盘云资源 2、林信良编著jsp&servlet学习笔记第2版课后答案吗 3、jsp有没有快速掌握的办法呀? 4、要学J

2023-12-08
java程序设计第十周作业,java程序设计考试题及答案

2022-11-20
js代码例题,js程序题

本文目录一览: 1、js基础面试题131-160道题目 2、js代码 题目如下 3、JS作业题 ,附代码 4、js基础面试题71-80道题目 5、js基础面试题1-10道 js基础面试题131-160

2023-12-08
java考试,java考试题及答案大一

2023-01-03
网页js题,JS简答题

本文目录一览: 1、网页 js错误问题(null为空或不是对象) 2、网页js题 设一个定时器 10秒后自动打开一个大小是400*300的窗口 3、网页JS 麻烦用for循环做下下面题目 4、有哪些经

2023-12-08
js考试编程题(js编程面试题)

本文目录一览: 1、有哪些经典的 Web 前端或者 JavaScript 面试笔试题 2、js少儿编程这道题怎么做啊 3、js做一些编程题。 4、C语言的编程题用js怎么写:输入三个整数,按从大到小的

2023-12-08
js编程试题,js基础考试题及答案

2022-11-23
十道java笔试题,java笔试题及答案

2022-11-20
js常考代码,js常见笔试题

2022-11-23
c语言程序设计考试题及其答案,C语言程序设计考试答案

2023-01-05
网页答题js代码,网页做选择题的代码

2022-11-22
php期中考试,php期中考试题及答案

2022-11-20
java高级工程师笔试题及答案(java中高级笔试题)

2022-11-15
二级考试java语言复习试卷(计算机二级java语言题库及答

2022-11-11
新浪php笔试题,php最新面试题及答案

2023-01-08
java笔试,java笔试题及答案详解

2023-01-09
js经典实例大全,js案例100讲解

本文目录一览: 1、js闭包是什么? 2、js下拉菜单,怎样更简便的实现? 3、js求和小案例 求解 4、JavaScript学习笔记之数组基本操作示例 5、JavaScript实现计算多边形质心的方

2023-12-08
java二级,java二级考试题库及答案

2023-01-03